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
foreign-sapphire•2y 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?
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.
foreign-sapphire•2y 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. 🙂
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.
I'm sure refine will meet your needs. Check out the use cases
https://refine.dev/use-cases/
foreign-sapphire•2y 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?
Yes you can. Unfortunately, we don't have a JavaScript + Next.js example
https://refine.dev/docs/advanced-tutorials/ssr/nextjs/#setup
xenial-black•2y ago
Go with TyperScript, that is the trend, and you will never regret it.