Root cause: Vercel wasn't processing Tailwind through @tailwindcss/postcss, serving raw CSS with zero utility classes (23KB theme-only vs 53KB with utilities). The source() directive was output literally as @media source(). Fixes per official Tailwind v4 + Next.js setup: - Switch postcss.config.js (CJS) → postcss.config.mjs (ESM) - Remove autoprefixer (built into Tailwind v4) - Use plain @import "tailwindcss" (auto source detection) - Move tailwindcss + @tailwindcss/postcss to dependencies
| Name |
Last commit
|
Last update |
|---|---|---|
| .. | ||
| .yarn | Loading commit data... | |
| __mocks__ | Loading commit data... | |
| components | Loading commit data... | |
| content | Loading commit data... | |
| lib | Loading commit data... | |
| pages | Loading commit data... | |
| public | Loading commit data... | |
| screenshots | Loading commit data... | |
| scripts | Loading commit data... | |
| styles | Loading commit data... | |
| test-results | Loading commit data... | |
| tests | Loading commit data... | |
| .gitignore | Loading commit data... | |
| .nvmrc | Loading commit data... | |
| .pnp.cjs | Loading commit data... | |
| .pnp.loader.mjs | Loading commit data... | |
| DEPENDENCIES_TO_INSTALL.md | Loading commit data... | |
| README.md | Loading commit data... | |
| dependencies-to-install.md | Loading commit data... | |
| jest.config.js | Loading commit data... | |
| next-env.d.ts | Loading commit data... | |
| next.config.js | Loading commit data... | |
| package.json | Loading commit data... | |
| playwright.config.ts | Loading commit data... | |
| postcss.config.mjs | Loading commit data... | |
| tsconfig.json | Loading commit data... | |
| yarn.lock | Loading commit data... |