Mdbreact css and Next.js

Topic: Mdbreact css and Next.js

bgining2this free asked 5 years ago

When i add all the required css by mdbreact, next.js complains, is there a way to do this with a cdn ?

I get css import errors

When importing all this.-

import '@fortawesome/fontawesome-free/css/all.min.css';

import 'bootstrap-css-only/css/bootstrap.min.css';

import 'mdbreact/dist/css/mdb.css';

So maybe a cdn link could be the solution so i can add that in the _document.js ? Or http link ?

Add comment

Jakub Chmura staff answered 4 years ago

0 0 Best answer

Please insert min. 20 characters.

@lvothnrv,

I already fix an issue with CSS import and icons what you can see at my GitHub repo :

https://github.com/JakubChm/nextjs-mdbreact

If you can't use my repo as a template, please change in your _app.js file as in the example below:

import '@fortawesome/fontawesome-free/js/all';
import 'bootstrap-css-only/css/bootstrap.min.css';
import 'mdbreact/dist/css/mdb.css';

Then remove from package.json a @zeit/next-css dependency. After that please remove your package-lock.json / yarn.lock file and node_modules folder and then type in your terminal yarn/npm i command. After these steps, everything should be fine.

Best, Kuba

lvothnrv free commented 4 years ago

Hi,Thank you very much my friend !

Jakub Chmura staff commented 4 years ago

Your welcome, if you ever need help, don't hesitate to ask me.

Best, Kuba

Add comment

lvothnrv free answered 4 years ago

0 0 Best answer

Please insert min. 20 characters.

Hi,

Hello, I would need some help if you don't mind .. infact I'm trying to put mdbreact on my nextjs project and it tells me this .. I'm on the latest version of Next React Mdbreact ..

enter image description here