2 Replies
Hi @Pops / Spruce. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
Yes, Refine provides examples of how to use Next.js in its documentation and blog posts. Here are some examples:
1. In the Routing > Integrations > Next.js section (https://refine.dev/docs/routing/integrations/next-js#app-directory) of the Refine documentation, there are examples of how to use Next.js with Refine. This includes examples of how to structure your
/app and /pages directories, and how to use the useShow and useTable hooks from Refine with Next.js.
2. In the Building React admin panel with NextUI and Refine blog post (https://refine.dev/blog/next-ui-react-admin-panel#how-to-build-product-crud-pages-with-nextui-and-refine), there's a guide on how to build product CRUD pages using NextUI and Refine.
3. In the Introduction to Next.js Link component with examples blog post (https://refine.dev/blog/next-js-link-component#prerequisites), there's a tutorial on how to use the Next.js Link component.
4. In the Build a Progressive Web App (PWA) with Next.js blog post (https://refine.dev/blog/next-js-pwa#prerequisites), there's a tutorial on how to build a PWA with Next.js and Refine.
5. In the Next.js vs React - A Beginner's Guide blog post (https://refine.dev/blog/next-js-vs-react#introduction), there's a comparison of Next.js and React, including when to use each and how to start projects with each.
6. In a Github issue (https://github.com/refinedev/refine/issues/3259), a member of the Refine team explains how they use Next.js in their starter app and provides links to the relevant code.
Remember, to follow along with these examples and tutorials, you'll need a good understanding of JavaScript, React, and Next.js.
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------<@184452259327770625> kapa.ai is still learning and improving, please let us know how it did by reacting below