vicious-gold
vicious-gold15mo ago

getting started

how should I get started with refine.dev?
2 Replies
kapa.ai
kapa.ai15mo ago
Hey @emil_srnsn! I'm the kapa.ai support bot. I've searched through the docs to try to answer your question. :wave: ---------------------- If you're just getting started with refine.dev, the best way to get up and running quickly is to use the CLI to bootstrap a refine app with Ant Design (https://ant.design/) and React (https://reactjs.org/). You can also use Material UI (https://material-ui.com/), Chakra UI (https://chakra-ui.com/) and Mantine (https://mantine.dev/) as well. To do this, run the following command in your terminal:
npm create refine-app@latest my-antd-project
npm create refine-app@latest my-antd-project
Then, select the following options to complete the CLI wizard:
? Select your project type:
❯ refine-react

? Do you want to use a UI Framework?:
❯ Ant Design

? Do you want a customized theme?:
❯ Default theme

? Router Provider:
❯ React Router v6

? Data Provider:
❯ REST API

? Auth Provider:
❯ None

? Do you want to add example pages?
❯ Yes

? Do you want a customized layout?
❯ No
? Select your project type:
❯ refine-react

? Do you want to use a UI Framework?:
❯ Ant Design

? Do you want a customized theme?:
❯ Default theme

? Router Provider:
❯ React Router v6

? Data Provider:
❯ REST API

? Auth Provider:
❯ None

? Do you want to add example pages?
❯ Yes

? Do you want a customized layout?
❯ No
Once the setup is complete, navigate to the project folder and start your project with:
npm run dev
npm run dev
You can now view refine application at http://localhost:3000 and you should see the output as a table populated with post & category data with filter, sort, and pagination features. For more information, check out the Quickstart guide (https://refine.dev/docs/getting-started/quickstart/) and the Tutorial (https://refine.dev/docs/tutorial/introduction/index/) to learn refine by building a full-blown CRUD application. If you need help, join the Discord Community (https://discord.gg/refine) or check out the GitHub Discussions (https://github.com/refinedev/refine/discussions). You can also learn how to contribute to the refine project in the Contributing (https://refine.dev/docs/contributing/) section. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------
kapa.ai
kapa.ai15mo ago
Did kapa.ai help answer your question?
<@690615126692462593> kapa.ai is still learning and improving, please let us how it did by reacting with a :thumbsup: or :thumbsdown: