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 accédez au dossier app/ui, vous trouverez un fichier nommé global.css. Ce fichier permet d'appliquer des règles CSS à toutes les routes de votre application. Bien qu'il soit possible d'inclure global.css dans n'importe quel composant, il est recommandé de l'ajouter dans la mise en page racine (app/layout.tsx), qui constitue le composant principal de l'application.

Ajoutez les styles globaux à l'application. Rendez-vous dans app/layout.tsx et importez le fichier global.css.

Après avoir intégré les styles globaux, vous devriez voir l'affichage suivant si le serveur de développement local est toujours en cours d'exécution : http://localhost:3000/

En pratique