From the course: Master Next.js by Building Scalable Apps with Routing, Databases, and Performance

Unlock this course with a free trial

Join today to access over 25,200 courses taught by industry experts.

Manually configuring Tailwind CSS

Manually configuring Tailwind CSS - Next.js Tutorial

From the course: Master Next.js by Building Scalable Apps with Routing, Databases, and Performance

Start my 1-month free trial Buy for my team

Manually configuring Tailwind CSS

“

Before moving on to interface creation, we will integrate the Tailwind styling framework in our Next.js project. Tailwind CSS is a great tool for styling with minimal efforts, and it can be configured in Next.js projects with ease. So if you recall from the initial lectures when we created the first Next.js application, At that time, some questions were asked about the app configuration, out of which one question was if we want to use Tailwind or not. We did not opt for it, but now it's time to integrate Tailwind in our project. So to configure Tailwind, of course, the easiest way is to select yes for Tailwind while project creation. In that case, all the configurations will be made from the start. But I want to show you how you can configure it at a later stage. So to use Tailwind, we need to install a few dependencies, which are tailwindcss, postcss and autoprefixer. Let's install them. I'll open the terminal and say npm install hyphen d tailwind css post css and auto prefixer. So…

Contents