Discussion on Crema - React Admin Template Material Design and Ant Design(Nextjs+CRA+Vite)

Discussion on Crema - React Admin Template Material Design and Ant Design(Nextjs+CRA+Vite)

Cart 2,403 sales
Recently Updated
Well Documented

Crema_Work supports this item

Supported

This author's response time can be up to 1 business day.

131 comments found.

Encountered an `ERESOLVE` dependency conflict while running `npm install`.

The conflict occurs because `react-popper@2.3.0` only supports React versions up to 18 (`16.8.0 || ^17 || ^18`), but the project is currently using React 19 (`19.0.0`).

This prevents npm from resolving dependencies automatically. Possible resolutions:

Downgrade React to 18.x

Wait for a `react-popper` release compatible with React 19

Or install using `—legacy-peer-deps` as a temporary workaround.

Fixed all the issue and code pushed to the GitHub. Please get the latest code form GitHub.

Hello – We recently purchased this, in the downloaded folder, I could not find the folder for vite, What should be the folder for crema for vite?

Hi, Please follow the doc here https://docs.cremawork.com/overview/crema-vite-overview

Once you extract the Crema zip file you will the folder like crema-mui-4.x. This the main vite app.

Please let me know in case you face any issues

After following your instructions given in https://docs.cremawork.com/decelopment/installation, http://localhost:3000 gives 404, do you have any troubleshooting section in the documentation? I checked FAQs as well, did not find anything there

Hi,

Please let me know which app you are using like Crema vite, Crema next js.

Please raise a support ticket here https://themeforest.net/item/crema/26540158/support for future communication

Plan upgrade to React 19 and Next.js 15 of teams?

How to install Crema using docker on Linux platform…

Hi,

Please create docker file your own. Crema don’t contain the doctor file.

Hi, I have contact via support. Kindly check pls.

Hi, I need Nextjs JWT Authentication i have used JWT but i don’t receive any success or error messages. ? I have debugged in detail and also added console to tract it but no luck to get the solution. Please help ASAP

Hi, i need Nextjs JWT Authentication i read doc change the firebase to jwt but i receive error have you git with next js jwt default edit?

Hi,

Please raise a support request here https://themeforest.net/item/crema/26540158/support . Our team will help you on this over email, if needed will provide Live support to solve this issue asap

I sent email 2 weeks ago but no anyone answer that

Please check your mail. Replied over the mail

Can i get and and next base structure

Hi,

Please check out the GitHub repo for the antd+next js. Please follow the doc for more info here: https://docs.cremawork.com/v/v-4-nextjs/overview/crema-next.js-overview

Is there any easy way to migrate from from V-4 NX to V-4 CRA?

Hi,

There is No EASY way migrate back CRA to NX, You can use your code directly in CRA from NX by copy paste method.

Is V4-VITE and V4-CRA same? I checked in the documentation and there is nothing in V4-CRA. It just lists the components.

I just downloaded the latest from Downloads, I found crema-mui-4.x, Is this the CRA file? Please confirm.

Thanks.

yes, both are the different version. we have both docs https://docs.cremawork.com/v/v-4-cra https://docs.cremawork.com/

You can download CRA version from the GitHub. Current downloded file is Vite variant.

Hi, is there a starter kit available for this template?

Yes,

It’s have starter kits among of the full version

I bought the template, but I didn’t find the starter kit. Where do I find it?

Hi,

You can findout the stater-kit from the Github here https://git-access.cremawork.com/

Please fillout the form and access the desigred repo.

In case any query please raise the support request here https://themeforest.net/item/crema/26540158/support

When install had many errros with prettier

Line 12:70:  Replace `␍⏎····'/api/invoice/settings',␍⏎····{}·as·InvoiceSettingType,␍⏎····{},␍⏎····true,␍⏎··` with `'/api/invoice/settings',·{}·as·InvoiceSettingType,·{},·true`       prettier/prettier
 Line 38:23:  Replace `␍⏎········defaultSettings={apiData}␍⏎········onUpdateSettings={onUpdateSettings}␍⏎·····` with `·defaultSettings={apiData}·onUpdateSettings={onUpdateSettings}`  prettier/prettier

Can you help me fix it .

I’m encountering a error message in NextJS Typescript that states:

Warning: Using UNSAFE_componentWillMount in strict mode is not recommended and may indicate bugs in your code. See https://reactjs.org/link/unsafe-component-lifecycles for details.

The message suggests moving code with side effects to componentDidMount and setting initial state in the constructor. It specifically points to the following component:

SideEffect(NullComponent)

I’m using the following environment: Theme Name: crema-antd-next-ts-4.x

Could you please provide specific instructions or a recommended approach to resolve this warning without breaking theme functionality?

Hi,

Please get the latest code from GitHub and tell me if you encounter the same issue.

You can get the latest code from GitHub here https://git-access.cremawork.com/

We are fixing the vulnerability and will post an update on the ThemeForest when it is done.

Hi,

error @yarnpkg/parsers@3.0.0: The engine “node” is incompatible with this module. Expected version ”>=18.12.0”. Got “16.20.2” error Found incompatible module.

This indicates that the @yarnpkg/parsers module requires Node.js version 18.12.0 or higher, but I’m currently using version 16.20.2.

My project must be use Node.js Version: 16.20.2

Could you please advise on how to resolve this error effectively?

Hi,

I have just installed using npm i—force as normal npm i is not working. But after this i am not able to find some components in the navigation menu in the left side. Like i am not able to see the components navigation in the running application in which i have General, Navigation, Data Entry, Data Disply, Feedback etc.. Can anyone help me on this as its little urgent.

Thanks

Hi,

“We have the MUI and Antd Design’s default components in the CRA+JS Apps, in other apps you can refer to the components from their page directly”.

due to frequently changes in th libs we are doing this.

You can find out this info on here https://docs.cremawork.com/overview/crema-cra-overview

Please let us know, if you need any assistance from our side(please raise a support request)

Can I ask what you made your version of ANTD out of?

Hi,

We are using Antd 5.x.x

Hi, i am using your Nextjs + MUI project. in this app, you are using Firebase authentication. i want to use my own Backend API’s but Firebase authentication redirects me at login page. At this point, it is problematic for me to log into system on basis of my Backend system. Guide me how i can work. and how i can remove all of Firebase authentication from this project to proceed. i want to tell you scenario. I want call my Backend API for login. when i will receive success response then i want to navigate to other page. It is hard to understand the code due to complexity / encapsulation of code.

Hi,

You can use JWT Authentication, please refer to this doc https://docs.cremawork.com/decelopment/authentication-methods

hi,

i have followed your documentation and successfully run application. Your documentation says const jwtAxios = axios.create({ baseURL: ‘YOUR_API_URL HERE’, headers: { ‘Content-Type’: ‘application/json’, }, });

i also set my API in baseURL like this baseURL: `${URL.baseUrl}login`.

now i also changed the email and password in input fields but i got error {“error”: “Invalid credentials!”} in cosole.

on the other side, when i go with your provided email and password, it logs me into web.

email: ‘crema.demo@gmail.com’, password: ‘Pass@1!@all’,

here i want system should only accept my api and database.

Hi,

Please clear the initial value of the form.

Please raise a support request here: https://themeforest.net/item/crema/26540158/support

Our tech team will help you asap

Hi, i’ve downloaded your application and extracted from winRar. By opening it in my VS code, i followed all of your recommended steps and then run command “nx serve source” but i got error ” > NX Could not find Nx modules in this workspace. Have you run npm/yarn install?”

but when i run “npm i” or “npm install” then it again throws another error in which it shows many warnings and suggest me “-force” or ’’-legacy-peer-deps” commands to install this.

forcefully, i installed node but your application’s performance is very slow.

Note: 1) by using this command, i am also facing too many errors at runtime e.g missing @mui/ etc 2) secondly, it doesn’t provide me exact look which is previewed in your showcase in live demo

Hi,

Please use yarn instead of the npm. Please follow the doc to start the template here: https://docs.cremawork.com/decelopment/installation.

We are providing exact same template that are viewing in the live demo. There is not a single difference b/w them.

We replied same on the your support request. Please prefer the support request.

Dear I have created build using npm run build and compressed using winrar but when i deploy build on server in network console main.js file size is approx 4mb but when i preview your template and inspect there main.js file is approx 1.8mb. What should i do reduce main.js file size in build folder? Thank You!

I need access to figma file so I can customize it.

do you also have any landing pages included?

Hi,

Sorry mate, currently we don’t have landing page.

Do we also get Figma files so that we can design our app it in first? Or is Figma just a read only mode

Hi,

Yes, you will get figma file, you can use it in edit mode by using duplicate in the draft feature.

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey