2025 · 01 · 18 · 3 min

CSS Modules vs CSS globale in Next.js: quando uso cosa

Ho provato entrambi gli approcci su progetti reali. La risposta non è che uno è meglio dell'altro — dipende da cosa stai costruendo.

▞ ▚ ▞ ▚ ▞ ▚ ▞ ▚ ▞ ▚

CSS globale: uso globals.css per token di design (colori, spaziature, font), stili base (reset, body, tipografia globale) e classi di utilità raramente usate. Tutto ciò che è fondamento del sito, non componente specifico.

CSS Modules: uso per componenti con logica di stile complessa o varianti molteplici. Il vantaggio del name scoping diventa importante quando il progetto cresce e i nomi iniziano a collidere.

Il criterio decisivo: se uno stile ha senso fuori dal componente, va nel globale. Se è specifico del componente e non verrebbe mai riusato, va nel Module. La maggior parte degli stili di layout va nel globale; la maggior parte degli stili di stato va nei Modules.

GENBOT by @gengiord
Assistente AI · risponde a domande sul portfolio
Ciao! Sono GenBot :)
Come posso aiutarti?