Learn the Basics
This guide will help you learn and get information of basic refine concepts. To learn more about refine features, we recommend that you read the Overview
and this guide before starting development.
Getting Help
refine has a very friendly community, we are always happy to help you get started:
- Join the Discord Community β it is the easiest way to get help, all questions are usually answered in about 30 minutes.
- GitHub Discussions β ask anything about the project or give feedback.
Refine Packages
@pankod/refine-core
- collection of 20+ React hooks for State, Networking, Authentication, Authorization, i18n and Live/Realtime Management.
UI Framework Packages:
@pankod/refine-antd
- a fully featured Ant Design System UI Framework support. Includes +20 Table, Form, Select, Menu, Layout, Notification and CRUD components and hooks.@pankod/refine-mui
(Coming soon!) - a fully featured Material UI Framework support.
Data Provider Packages:
@pankod/refine-simple-rest
- a fully featured REST API Data Provider@pankod/refine-graphql
- a fully featured GraphQL Data Provider@pankod/refine-nestjsx-crud
- a fully featured NestJs Crud Data Provider@pankod/refine-strapi
- a fully featured Strapi Data Provider@pankod/refine-strapi-v4
- a fully featured Strapi-v4 Data Provider@pankod/refine-strapi-graphql
- a fully featured Strapi-GraphQL Data Provider@pankod/refine-supabase
- a fully featured Supabase Data Provider. Also supported Supabase Realtime feature.@pankod/refine-hasura
- a fully featured Hasura GraphQL Data Provider@pankod/refine-nhost
- a fully featured Nhost Data Provider@pankod/refine-appwrite
- a fully featured Appwrite Data Provider. Also supported Appwrite Realtime feature.@pankod/refine-airtable
- a fully featured Airtable Data Provider@pankod/refine-altogic
- a fully featured Altogic Data Provider
Router Provider Packages
@pankod/refine-react-router-v6
- Router Provider for React Router (v6)@pankod/refine-react-router
- Router Provider for React Router (v5)@pankod/refine-nextjs-router
- Router Provider for Next.js@pankod/refine-react-location
- Router Provider for React Location
Live Provider Packages
@pankod/refine-ably
- Ably Live/Realtime Provider
β€οΈ Community Packages:
refine-firebase
- a fully featured Firebase Data Provider by rturan29@tspvivek/refine-directus
- a fully featured Directus Data Provider by tspvivekdata-provider-customizer
- Customize your data provider by mixing it with different data providers/data methods by miyavsu-limited
Refine 3rd Party Integration Examples
- React - i18next - Example - Source Code
- Next.js - next-i18next - Example - Source Code
Complete Application Examples
- RealWorld - Exemplary fullstack Medium.com Clone - Live Example - Source Code
- We are going back to 1995! - Win95 Style Admin Panel - Blog Post - Live Example - Source Code
- Invoice Generator App with Strapi & Refine & Ant Design - Blog Post - Live Example - Source Code
- Refeedback! - Feedback Admin Panel with Strapi & Refine & Ant Design - Blog Post - Source Code
- E-mail Subscription Panel with Refine and Strapi & Ant Design - Blog Post - Source Code
- Internal Issue Tracker With Refine and Supabase - Blog Post - Live Example - Source Code
- Next.js E-commerce App with Strapi & Chakra UI & Refine - Blog Post - Live Example - Source Code
- Multi-tenancy Example - Appwrite Guide - Strapi Guide
Roadmap
You can find Refine's Public Roadmap here!