Начиная с Next. js версии 9.2, он поддерживает встроенную поддержку css.
Как вы сказали, если вы импортируете стили из файла _app.js
, они рассматриваются как глобальные стили вашего приложения.
Стили компонентов считаются «модулями».
CSS Модули локально охватывают CSS путем автоматического создания уникального имени класса. Это позволяет вам использовать одно и то же имя класса CSS в разных файлах, не беспокоясь о коллизиях.
Все, что вам нужно сделать, это вызвать файлы css с суффиксом *.module.css
.
Проверьте официальные документы