CSS Modules

CSS Modules are enabled only for files ending in .module.css or .module.sass.

They provide local scoping by generating unique class names automatically, letting you reuse class names across different components without conflicts. This makes CSS Modules ideal for styling components.

In production, all CSS Module files are minified, code-split, and concatenated into multiple .css files. These files are optimized for performance, ensuring that only the CSS needed for rendering is loaded.

You can import CSS Modules into any file within the /app directory.