getting started

how should I get started with refine.dev?

2 Replies

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•2y 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: