logoNext.js Français
DocumentationBlogApprendre
Introduction/Construire votre application/Styles

Styles

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

  • CSS global : Simple à utiliser et familier pour ceux qui ont l'expérience du CSS traditionnel, mais peut entraîner des bundles CSS plus volumineux et des difficultés de gestion des styles à mesure que l'application grandit.
  • Modules CSS : Créez des classes CSS localement scopées pour éviter les conflits de noms et améliorer la maintenabilité.
  • Tailwind CSS : Un framework CSS utility-first qui permet des designs personnalisés 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

Stylisez votre application Next.js avec 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

Stylisez votre application Next.js avec les modules CSS.