Ajouter le Fichier CSS Global

Les fichiers CSS globaux incluent généralement des éléments tels que la mise en page, la typographie et d'autres motifs de conception cohérents à travers différentes parties de l'application.

Si vous naviguez vers le dossier app/ui, vous trouverez un fichier nommé global.css. Ce fichier vous permet d'appliquer des règles CSS à toutes les routes de votre application. Bien que vous puissiez inclure global.css dans n'importe quel composant, il est recommandé de l'inclure dans la mise en page racine (app/layout.tsx), qui est le composant principal de l'application.

Ajoutons les styles globaux à l'application. Allez dans app/layout.tsx et importez le fichier global.css.

Après avoir incorporé les styles globaux, vous devriez voir la vue suivante si le serveur de développement local est toujours en cours d'exécution : http://localhost:3000/

En Pratique