Example Projects

Should I create a project and install refine before installing examples?
When I install example projects should I install inside my current project or keep any example installs in directories outside of my project?
2 Replies
kapa.ai
kapa.ai3w ago
Hi @scott717. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave: ---------------------- To create example projects with Refine, you should follow these steps: 1. Creating a New Project: You should create a new project using the create refine-app CLI tool. This tool will help you bootstrap a new project with a lot of features and guide you through the setup process. Here is the command to create a new project:
npm create refine-app@latest my-app

npm create refine-app@latest my-app

This command will prompt you to select your preferences for the project, such as the project template, backend service, UI framework, and other settings. References: - Project installation for example app (https://refine.dev/blog/article-guideline#project-installation-for-example-app) - Getting started with Refine (https://refine.dev/blog/react-draggable-components-with-react-dnd/#getting-started-with-refine) 2. Installing Example Projects: Once you have created your new project, you can install example projects within this newly created project. This approach ensures that all dependencies and configurations are managed within a single project directory. For example, after creating your project, you can navigate to the project directory and install additional packages or example components as needed. Here is an example of installing react-dnd and its required packages:
cd my-app
npm install react-dnd react-dnd-html5-backend

cd my-app
npm install react-dnd react-dnd-html5-backend

References: - Getting started with Refine (https://refine.dev/blog/react-draggable-components-with-react-dnd/#getting-started-with-refine) 3. Running the Development Server: After setting up your project and installing any necessary packages or examples, you can start the development server:
npm run dev

npm run dev

This command will start the development server and open a preview of the app in your default browser. If the preview does not appear automatically, you can manually navigate to it by entering the URL <http://localhost:3000> in your browser. References: - Refine vs RedwoodJS (https://refine.dev/blog/refine-vs-redwood-js#refine-1) By following these steps, you can efficiently set up and manage your Refine projects, including any example projects or additional components you wish to include. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------
kapa.ai
kapa.ai3w ago
<@632604287616286730> kapa.ai is still learning and improving, please let us know how it did by reacting below