next-css example

This example demonstrates how to use Next.js' built-in CSS imports and CSS modules support.

Deploy your own

Deploy the example using Vercel or preview live with StackBlitz

How to use

Execute create-next-app with npm, Yarn, or pnpm to bootstrap the example:

npx create-next-app --example next-css next-css-app

yarn create next-app --example next-css next-css-app

pnpm create next-app --example next-css next-css-app

Deploy it to the cloud with Vercel (Documentation).

Project structure

. ├── README.md # README file ├── .github # GitHub folder ├── .husky # Husky configuration ├── .storybook # Storybook folder ├── .vscode # VSCode configuration ├── migrations # Database migrations ├── public # Public assets folder ├── scripts # Scripts folder ├── src │ ├── app # Next JS App (App Router) │ ├── components # React components │ ├── libs # 3rd party libraries configuration │ ├── locales # Locales folder (i18n messages) │ ├── models # Database models │ ├── styles # Styles folder │ ├── templates # Templates folder │ ├── types # Type definitions │ ├── utils # Utilities folder │ └── validations # Validation schemas ├── tests │ ├── e2e # E2E tests, also includes Monitoring as Code │ └── integration # Integration tests ├── tailwind.config.js # Tailwind CSS configuration └── tsconfig.json # TypeScript configuration