npx create-next-app my-app -e with-tailwindcssnpm install -D tailwindcss postcss autoprefixer npx tailwindcss init -p // Remember to add to tailwind.config.js /** @type {import('tailwindcss').Config} */ module.exports = { content: [ "./pages/**/*.{js,ts,jsx,tsx}", "./components/**/*.{js,ts,jsx,tsx}", ], theme: { extend: {}, }, plugins: [], } // and to globals.css @tailwind base; @tailwind components; @tailwind utilities;npx create-next-app -e with-tailwindcss projectname //this will create your nextjs application and integrate JIT engine and Tailwind-CSS in it.# If you're on Next.js v10 or newer npm install -D tailwindcss@latest postcss@latest autoprefixer@latest # If you're on Next.js v9 or older npm install -D tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9npx create-next-app -e with-tailwindcss pName // tailwind.config.js module.exports = { - purge: [], + purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'], darkMode: false, // or 'media' or 'class' theme: { extend: {}, }, variants: { extend: {}, }, plugins: [], }/* ./styles/globals.css */ @tailwind base; @tailwind components; @tailwind utilities; // pages/_app.js - import '../styles/globals.css' + import 'tailwindcss/tailwind.css' function MyApp({ Component, pageProps }) { return <Component {...pageProps} /> } export default MyAppyarn add -D tailwindcss postcss autoprefixer// postcss.config.js module.exports = { plugins: { tailwindcss: {}, autoprefixer: {}, }, }