Tailwind with Next.js

Next.js component styling

Next.js applications commonly use Tailwind directly in server and client components. Keep your global Tailwind import in the application's CSS entry point and use utilities in components.

Server and client boundaries

Tailwind class generation is independent of whether a React component renders on the server or client. JavaScript state still determines which complete class strings are rendered.

Build correctness

If a class is missing, verify the file is included in the build and that the class name is not being generated dynamically in a way Tailwind cannot detect.