Less with antd and nextjs
How to inegrate nextjs and antd refine project with less as css preprocessor
KHi @yaztoosleepy. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. 
K----------------------
To integrate Next.js and Ant Design with refine using Less as a CSS preprocessor, follow these steps:
For more information on integrating refine with Next.js, refer to the refine Next.js documentation (https://refine.dev/docs/packages/documentation/routers/nextjs/).
----------------------
----------------------
To integrate Next.js and Ant Design with refine using Less as a CSS preprocessor, follow these steps:
- Create a new refine project with Next.js and Ant Design:
- Install the necessary packages for Less:
- Configure your project to use Less as a CSS preprocessor. You can follow the example provided in this blog post (https://refine.dev/blog/how-to-add-darkmode-in-ant-design/) on implementing dark mode in Ant Design using gulp. The initial setup section of the blog post shows how to set up a basic Refine app with Ant Design and install the necessary packages for Less.
For more information on integrating refine with Next.js, refer to the refine Next.js documentation (https://refine.dev/docs/packages/documentation/routers/nextjs/).
----------------------
Note: you can ask me a follow up question by @ mentioning me again----------------------
In this article, we’ll learn how to efficiently implement dark mode in a refine/Ant Design app, using gulp library and leveraging some React features like hooks
K@716735177384001620 kapa.ai is still learning and improving, please let us how it did by reacting below
SHey @yaztoosleepy Ant Design has switched to with the latest version. Our recommendation is to use the latest version. refine4 comes with antd5.
DHi is this the preffered way for example for other styles such as ?
There is inline styles and styles passed as props in components in my refine generated code
I want to manage it in a better way
There is inline styles and styles passed as props in components in my refine generated code
I want to manage it in a better way
SYou can do it the way Antd suggests. refine doesn't care about css. You should read here.
https://ant.design/docs/react/customize-theme
https://ant.design/docs/react/customize-theme
