Tailwind CSS

Tailwind CSS is a class-based utility-first framework that works seamlessly with Next.js.

If you use the create-next-app CLI to set up your project, Next.js will prompt you to add Tailwind and handle the configuration automatically.

To install Tailwind manually: npm install -D @tailwindcss/postcss postcss Then create a postcss.config.js file (or edit it) in the root of your project. export default { plugins: { '@tailwindcss/postcss': {}, }, } Do not include the older version tailwindcss: {}, in the plugins property.

Now you can use Tailwind utility classes directly!