841-biborokuWebフロントエンドの備忘録

Next.jsにTailwindCSSを入れる

Tailwindcss公式

https://tailwindcss.com/docs/guides/nextjs

npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p

tailwind.config.js

module.exports = {
  content: [
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
}

globals.css

@tailwind base;
@tailwind components;
@tailwind utilities;

シェア