3d482cffbb
Converted basic CSS example over to TypeScript to match the Contribution guidelines. ## Documentation / Examples - [ ] Make sure the linting passes by running `pnpm lint` - [ ] The examples guidelines are followed from [our contributing doc](https://github.com/vercel/next.js/blob/canary/contributing.md#adding-examples) |
||
---|---|---|
.. | ||
pages | ||
.gitignore | ||
next-env.d.ts | ||
package.json | ||
README.md | ||
styles.module.css | ||
tsconfig.json |
Basic CSS example
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.
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 basic-css basic-css-app
# or
yarn create next-app --example basic-css basic-css-app
# or
pnpm create next-app --example basic-css basic-css-app
Deploy it to the cloud with Vercel (Documentation).