logoNext.js Français
DocumentationBlogApprendre
Introduction/Construire votre application/Mise en forme (Styling)

Mise en forme (Styling)

Next.js prend en charge différentes méthodes pour styliser votre application, notamment :

  • CSS Global : Simple à utiliser et familier pour ceux ayant de l'expérience avec le CSS traditionnel, mais peut entraîner des fichiers CSS plus volumineux et des difficultés de gestion des styles à mesure que l'application grandit.
  • Modules CSS : Créez des classes CSS localement scópées pour éviter les conflits de noms et améliorer la maintenabilité.
  • Tailwind CSS : Un framework CSS utility-first qui permet des conceptions personnalisées rapides en composant des classes utilitaires.
  • Sass : Un préprocesseur CSS populaire qui étend CSS avec des fonctionnalités comme les variables, les règles imbriquées et les mixins.
  • CSS-in-JS : Intégrez directement le CSS dans vos composants JavaScript, permettant un style dynamique et scopé.

Apprenez-en plus sur chaque approche en explorant leur documentation respective :

Modules CSS

Stylez votre application Next.js en utilisant les modules CSS.

Tailwind CSS

Stylisez votre application Next.js avec Tailwind CSS.

CSS-in-JS

Utiliser des bibliothèques CSS-in-JS avec Next.js

Sass

Apprenez à utiliser Sass dans votre application Next.js.

Récupération côté client (Client-side Fetching)

Découvrez la récupération de données côté client et comment utiliser SWR, une bibliothèque de hooks React pour la récupération de données qui gère le cache, la revalidation, le suivi du focus, la récupération à intervalle et plus encore.

Modules CSS

Stylez votre application Next.js en utilisant les modules CSS.