Topic: How can I implement MDB in an already created Next.js project?

moony free asked 1 year ago

Hello everyone,

I am struggling to find out how I can import MDB to my already existing Next.js project.

I am kinda new to Next.js and I have found a tutorial on how to create a React project, using MDB. In this tutorial a React MDB project was getting created from scratch, which makes sense to me but I don't want to create a React MDB project from scratch. I just wanted to find a way to import MDB to my existing one. I alreay figured out how to install Bootstrap and it works just fine. I did this by running:

npm install bootstrap --save

I then added the following line to my _app.tsx:

import 'bootstrap/dist/css/bootstrap.css'

Could anyone guide me on how I can include MDB afterwards?

Thanks in advance!


Grzegorz Bujański staff answered 1 year ago

You can use this guide: skip creating a new project and go straight to the MDB installation

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • User: Free
  • Premium support: No
  • Technology: MDB React
  • MDB Version: MDB5 5.1.0
  • Device: Lenovo Thinkpad T480
  • Browser: Firefox
  • OS: Windows 11
  • Provided sample code: No
  • Provided link: No