1 , module.css ファイルを作る

ページに対応したCSSファイルのファイル名の真ん中に[module]を追加する

例：article.module.css

そして、すべてのスタイルの先頭に .post や .article のような任意のクラス名をつける

2 , style をインポート

module.css を適用させたいファイルでインポート

• nextjs では普通 `import "./globals.css";` だけでいいが 、module.css を使う場合は `import styles from "module.css"` と書く

3 , 適用させたい箇所に{styles.クラス名}

例：articleタグ全体に適用

• １で決めたクラス名を {} の styles. の後に書く

module.cssの使いどころ

• 大規模なプロジェクト