Assets, Métadonnées et CSS
La deuxième page que nous avons ajoutée n'a actuellement aucun style. Ajoutons un peu de CSS pour styliser la page.
Next.js prend en charge nativement CSS et Sass. Pour ce cours, nous utiliserons CSS.
Cette leçon abordera également la manière dont Next.js gère les ressources statiques comme les images et les métadonnées de page telles que la balise <title>.
Ce que vous apprendrez dans cette leçon
Dans cette leçon, vous apprendrez :
- Comment ajouter des fichiers statiques (images, etc.) à Next.js.
- Comment personnaliser le contenu de la balise
<head>pour chaque page. - Comment créer un composant React réutilisable stylisé avec CSS Modules.
- Comment ajouter du CSS global dans
pages/_app.js. - Quelques astuces utiles pour le style dans Next.js.
Prérequis
- Connaissances de base en CSS. Ce cours expliquera comment ajouter du CSS dans une application Next.js, mais il ne couvrira pas les fondamentaux du CSS.
Si vous recherchez une documentation détaillée sur le style dans Next.js, consultez la documentation CSS.