is there any quick way to convert example "app-crm" to support next.js?

I want to customize app-crm example, but also I want to use next.js framework. Is there a quick way to do this?

2 Replies

Hi @0xdfsf. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave: ---------------------- Yes, you can definitely customize the app-crm example and use the Next.js framework with refine. Firstly, you can find the source code for the CRM app on GitHub (https://github.com/refinedev/refine/tree/master/examples/app-crm). This example is open-source, which means you can freely utilize and customize the source code as per your needs. For integrating Next.js, refine allows you to build your SSR supported web applications using Next.js. You can bootstrap a Next.js refine template using the create refine-app command-line interface (CLI). Here's how you can do it:

npm create refine-app@latest refine-storefront

npm create refine-app@latest refine-storefront

After running the command, you’ll be prompted to choose your preferences for the project. You can select the following options to proceed:

✔ Choose a project template · refine(Next.js)  
✔ What would you like to name your project?: · refine-storefront  
✔ Choose your backend service to connect: · REST API  
✔ Do you want to use a UI Framework?: · Headless  
✔ Do you want to add example pages?: · No  
✔ Do you need i18n (Internationalization) support?: · No  
✔ Choose a package manager: · npm

✔ Choose a project template · refine(Next.js)  
✔ What would you like to name your project?: · refine-storefront  
✔ Choose your backend service to connect: · REST API  
✔ Do you want to use a UI Framework?: · Headless  
✔ Do you want to add example pages?: · No  
✔ Do you need i18n (Internationalization) support?: · No  
✔ Choose a package manager: · npm

You can also refer to the refine Next.js documentation (https://refine.dev/docs/packages/documentation/routers/nextjs/) for more information. Remember, the CRM app is a comprehensive solution that boasts all the features and functionalities required for an enterprise-level application. You can use it as a reference to better understand best practices and modern development techniques. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------

kapa.ai•9mo ago

<@973074818985508864> kapa.ai is still learning and improving, please let us know how it did by reacting below