Next.js has built-in support for CSS Modules allowing you to write scoped CSS by automatically creating a unique class name. CSS Module files can be imported anywhere in your application and you don't have to worry about collisions.
Quickly preview this example directly in your browser with StackBlitz:
Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine:
Deploy the example using Vercel:
Execute create-next-app with npm or Yarn to bootstrap the example:
npx create-next-app --example basic-css basic-css-app
# or
yarn create next-app --example basic-css basic-css-appDeploy it to the cloud with Vercel (Documentation).