This example demonstrates how to use Next.js' built-in Global Sass/Scss imports and Component-Level Sass/Scss modules support.
Deploy the example using Vercel or preview live with StackBlitz
Execute create-next-app
with npm, Yarn, or pnpm to bootstrap the example:
npx create-next-app --example with-next-sass with-next-sass-app
# or
yarn create next-app --example with-next-sass with-next-sass-app
# or
pnpm create next-app --example with-next-sass with-next-sass-app
Run production build with:
npm run build
npm run start
# or
yarn build
yarn start
Deploy it to the cloud with Vercel (Documentation).