To be able to use .sass
or .scss
files in your project, follow the official Sass support guide.
But basically it consists of two steps:
- Add
sass
package as a dev dependency - Optionaly configure Sass with
sassOptions
innext.config.js
It's a pretty simple and straightforward matter but if you'd like to read more about it, there is one of How to use sass with css modules in Next.js articles