Menu

Styling

Next.js unterstützt verschiedene Methoden zum Styling Ihrer Anwendung, einschließlich:

  • CSS-Module: Erstellen Sie lokal begrenzte CSS-Klassen, um Namenskonflikte zu vermeiden und die Wartbarkeit zu verbessern.
  • Globales CSS: Einfach zu verwenden und für diejenigen vertraut, die mit traditionellem CSS vertraut sind, kann aber zu größeren CSS-Bundles und Schwierigkeiten bei der Stillverwaltung führen, wenn die Anwendung wächst.
  • Tailwind CSS: Ein utility-first CSS-Framework, das schnelle benutzerdefinierte Designs durch die Komposition von Utility-Klassen ermöglicht.
  • Sass: Ein beliebter CSS-Präprozessor, der CSS um Funktionen wie Variablen, verschachtelte Regeln und Mixins erweitert.
  • CSS-in-JS: Betten Sie CSS direkt in Ihre JavaScript-Komponenten ein und ermöglichen Sie dynamisches und begrenztes Styling.

Erfahren Sie mehr über jeden Ansatz, indem Sie deren jeweilige Dokumentationen erkunden:

CSS

Gestalten Sie Ihre Next.js-Anwendung mit CSS-Modulen, globalen Stilen und externen Stylesheets.

Tailwind CSS

Gestalten Sie Ihre Next.js-Anwendung mit Tailwind CSS.

Sass

Gestalten Sie Ihre Next.js-Anwendung mit Sass.

CSS-in-JS

CSS-in-JS-Bibliotheken mit Next.js verwenden