How can I implement MDB in an already created Next.js projec


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

moony asked 2 years 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!

Greetings


Grzegorz Bujański staff answered 2 years ago

You can use this guide: https://mdbootstrap.com/docs/react/getting-started/installation/#section-npmjust skip creating a new project and go straight to the MDB installation


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

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