nextJs에서 Tailwind Css설치하기

1. CNA!!

npx create-next-app [프로젝트 이름]
cd [프로젝트 이름]

2. Install Tailwind Css

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

tailwind css설치!

3. 템플릿 경로 설정

//tailwind.config.js

module.exports = {
  content: [
    "./app/**/*.{js,ts,jsx,tsx}",
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./components/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

4. globals.css파일 설정

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

5. npm 다시 실행하기!

npm run dev