Using Refine Example

Hello, everyone. I am new to refine and this discord server as well. I just needed help regarding refine's fine-foods admin panel example. How can I use it in my local? I see that it can be used using the --example command in cli but I am still fully aware as to how exactly. Please help me with the steps. Reference: https://github.com/refinedev/refine/pull/3220
GitHub
feat: create with example by aliemir · Pull Request #3220 · refined...
Added --example option to create-refine-app to let users start from an example in their local. Updated /examples dir with one level structure and updated example names to match directory names Upda...
8 Replies
adverse-sapphire
adverse-sapphire2y ago
Also my second concern is, I am not good with typescript, is it going to be troublesome down the line if I start my project with refine? We have fully functional admin panel based on react and antd, now we are planning to recreate/enhance the UI/UX and also build it on next.js. I have come across refine yesterday and see that it is based on typescript. Please suggest what should be the best approach to migrate to next.js and how can I use refine to ease up the process?
Omer
Omer2y ago
Hey @AliHassnain , Thank you for contacting us. 1. I updated the README of the finefoods-antd example 🎯 https://github.com/refinedev/refine/tree/next/examples/finefoods-antd 2. refine examples and documentation prefer TypeScript. But you can also make applications with JavaScript. JavaScript example: https://refine.dev/docs/examples/javascript/ BTW, If you are building an admin panel, you can reconsider whether you need Next.js.
adverse-sapphire
adverse-sapphire2y ago
Hello @Omer, Thank you for the quick response. Actually, I am looking for guidance. We have a call center solution (Product) and the task that I have been assigned with by the PM is to recreate the admin panel which is currently based on react to next.js, better the code base to industry standards and also enhance the user experience. I have been looking into things as to where to begin with and I came across refine. The admin panel mainly has forms and reports. So, being an intermediate level developer myself, I wasn't sure where to begin with. Your guidance will be of great help to me. 🙂
Omer
Omer2y ago
If you don't need SSR, you can go with React/Vite. Next.js is nice, but if you don't need it, it opens up a new area for you to maintain/learn.
Omer
Omer2y ago
I'm sure refine will meet your needs. Check out the use cases https://refine.dev/use-cases/
adverse-sapphire
adverse-sapphire2y ago
SSR in the motive for using Next.js. Can I use refine with Next.js SSR capabilities and also be using it without TypeScript? Any such example which uses JavaScript and Next.js with refine?
Omer
Omer2y ago
Yes you can. Unfortunately, we don't have a JavaScript + Next.js example https://refine.dev/docs/advanced-tutorials/ssr/nextjs/#setup
optimistic-gold
optimistic-gold2y ago
Go with TyperScript, that is the trend, and you will never regret it.