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

Stylisez votre application Next.js avec Sass.

Mise en cache

Aperçu des mécanismes de mise en cache dans Next.js.

Modules CSS

Stylisez votre application Next.js avec les modules CSS.