Config
Refine supports multiple react frameworks, backend, .... and question is what comp is easiest to start just to see what refine can do
5 Replies
Hi @Jestem_Kamil. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
Refine is a versatile framework that supports multiple UI libraries, React platforms, backends, and authentication providers. However, to get started quickly and see what Refine can do, you can use the
create refine-app
command. This command will bootstrap a complete Refine application for you.
Here is the command you can use to set up a Refine project:
You can also create a Refine project in the browser from here (https://refine.dev/?playground=true).
Refine supports multiple UI frameworks such as Ant Design, Material UI, Chakra UI, and Mantine. It also supports various React platforms like Next.js, Remix, and Vite-bundled React. For the backend, you have options like REST API, GraphQL, NestJs CRUD, Airtable, Strapi, and more. For authentication, you can use Google Auth, Auth0, Okta, AWS Cognito, and others.
However, Refine is headless by default, which means it doesn't come with a UI framework or backend. You can select these based on your preference or requirements.
For more detailed information, you can refer to the Refine documentation (https://refine.dev/docs/).
Sources:
- React Ecosystem in 2024 - Sustaining Popularity (https://refine.dev/blog/react-js-ecosystem-in-2024#refine)
- Top Frameworks for Building Admin Panels and Dashboards in 2024 (https://refine.dev/blog/admin-panels#1-refine-framework)
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------<@431446811270709248> kapa.ai is still learning and improving, please let us know how it did by reacting below
environmental-rose•8mo ago
@kapa.ai
can you give me example of config?
Let me check the knowledge base for you. One moment! :books:
----------------------
Sure, here's an example of how you can set up a Refine project with a specific example. This command will create a new Refine project based on the "input-custom" example:
You can replace "input-custom" with any other example name based on your requirements. Some of the examples available are "blog-refeedback", "blog-issue-tracker", "input-custom", "customization-login", "finefoods-material-ui", and "blog-win95".
For more examples and detailed information, you can refer to the Refine documentation (https://refine.dev/docs/) and Refine GitHub repository (https://github.com/refinedev/refine).
Sources:
- Refine GitHub - input-custom example (https://github.com/refinedev/refine/blob/master/examples/input-custom/README.md)
- Refine GitHub - customization-login example (https://github.com/refinedev/refine/blob/master/examples/customization-login/README.md)
- Refine GitHub - finefoods-material-ui example (https://github.com/refinedev/refine/blob/master/examples/finefoods-material-ui/README.md)
- Refine GitHub - blog-win95 example (https://github.com/refinedev/refine/blob/master/examples/blog-win95/README.md)
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------
<@431446811270709248> kapa.ai is still learning and improving, please let us know how it did by reacting below