This is a Next.js project bootstrapped with create-next-app
.
First, run the development server:
npm run dev
# or
yarn dev
TailwindCSS Documentation
npm install -D tailwindcss postcss autoprefixer --force
npx tailwindcss init -p
/*_ @type {import('tailwindcss').Config} _/ module.exports = {
content: [
"./pages/**/*.{js,ts,jsx,tsx}",
"./components/**/*.{js,ts,jsx,tsx}",
], theme: { extend: {}, }, plugins: [], }
Add the paths to all of your template files in your globals.css file. Please clean your file before adding this code.
@tailwind base;
@tailwind components;
@tailwind utilities;
TailwindUI Documentation
npm install tailwindcss@latest --force
npm i @tailwindcss/forms --force
npm i @tailwindcss/typography --force
npm i @tailwindcss/aspect-ratio --force
npm install @headlessui/react @heroicons/react --force