logoNext.js Deutsch
DokumentationBlogLernen
Einführung/Aufbau Ihrer Anwendung/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 aber 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 um Funktionen wie Variablen, verschachtelte 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.

Tailwind CSS

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

CSS-in-JS

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

Sass

Erfahren Sie, wie Sie Sass in Ihrer Next.js-Anwendung verwenden können.

Client-seitiges Datenabrufen (Client-side Fetching)

Erfahren Sie mehr über client-seitiges Datenabrufen und die Verwendung von SWR, einer React Hook-Bibliothek für Datenabruf mit Caching, Revalidierung, Fokus-Tracking, Intervall-Abruf und mehr.

CSS Modules

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