logoNext.js Deutsch
DokumentationBlogLernen
Einführung/Anwendung entwickeln/Styling

Styling

Next.js unterstützt verschiedene Möglichkeiten, Ihre Anwendung zu gestalten, darunter:

  • Globales CSS: Einfach zu verwenden und vertraut für diejenigen, die mit traditionellem CSS vertraut sind, kann jedoch zu größeren CSS-Bundles führen und die Verwaltung von Styles bei wachsender Anwendung erschweren.
  • CSS-Module: Erstellt lokal begrenzte CSS-Klassen, um Namenskonflikte zu vermeiden und die Wartbarkeit zu verbessern.
  • Tailwind CSS: Ein Utility-First-CSS-Framework, das schnelle individuelle Designs durch die Kombination von Utility-Klassen ermöglicht.
  • Sass: Ein beliebter CSS-Präprozessor, der CSS mit Funktionen wie Variablen, verschachtelten Regeln und Mixins erweitert.
  • CSS-in-JS: Bindet CSS direkt in Ihre JavaScript-Komponenten ein und ermöglicht dynamisches und begrenztes Styling.

Erfahren Sie mehr über jeden Ansatz, indem Sie die jeweilige Dokumentation erkunden:

CSS Modules

Gestalten Sie Ihre Next.js-Anwendung mit CSS Modules, globalen Styles und externen Stylesheets.

Tailwind CSS

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

CSS-in-JS

Verwendung von CSS-in-JS-Bibliotheken mit Next.js

Sass

Gestalten Sie Ihre Next.js-Anwendung mit Sass.

Caching

Übersicht der Caching-Mechanismen in Next.js

CSS Modules

Gestalten Sie Ihre Next.js-Anwendung mit CSS Modules, globalen Styles und externen Stylesheets.