Einführung/Leitfäden

Leitfäden

AMP

Mit minimaler Konfiguration und ohne React verlassen zu müssen, können Sie AMP hinzufügen und die Leistung sowie Geschwindigkeit Ihrer Seiten verbessern.

Analytics

Messen und Verfolgen der Seitenleistung mit Next.js

Authentifizierung

Erfahren Sie, wie Sie Authentifizierung in Next.js implementieren, einschließlich Best Practices, Absicherung von Routen, Autorisierungstechniken und Session-Management.

Babel

Erweitern Sie das von Next.js hinzugefügte Babel-Preset mit Ihren eigenen Konfigurationen.

CI Build-Caching

Erfahren Sie, wie Sie CI für das Caching von Next.js-Builds konfigurieren

Content Security Policy

Erfahren Sie, wie Sie eine Content Security Policy (CSP) für Ihre Next.js-Anwendung konfigurieren.

CSS-in-JS

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

Benutzerdefinierter Server

Erfahren Sie, wie Sie eine Next.js-App programmatisch mit einem benutzerdefinierten Server starten.

Debugging

Erfahren Sie, wie Sie Ihre Next.js-Anwendung mit VS Code oder Chrome DevTools debuggen können.

Draft Mode

Next.js bietet einen Draft Mode zum Wechseln zwischen statischen und dynamischen Seiten. Erfahren Sie, wie er mit dem Pages Router funktioniert.

Umgebungsvariablen

Erfahren Sie, wie Sie Umgebungsvariablen in Ihrer Next.js-Anwendung hinzufügen und darauf zugreifen können.

Formulare

Erfahren Sie, wie Sie Formularübermittlungen und Datenmutationen mit Next.js handhaben.

ISR

Erfahren Sie, wie Sie statische Seiten zur Laufzeit erstellen oder aktualisieren mit Incremental Static Regeneration.

Instrumentation

Erfahren Sie, wie Sie mit Instrumentation Code beim Serverstart in Ihrer Next.js-Anwendung ausführen können

Internationalisierung

Next.js bietet integrierte Unterstützung für internationalisiertes Routing und Spracherkennung. Erfahren Sie hier mehr.

Lazy Loading

Importierte Bibliotheken und React-Komponenten per Lazy Loading laden, um die Ladeleistung Ihrer Anwendung zu verbessern.

MDX

Erfahren Sie, wie Sie MDX konfigurieren, um JSX in Ihren Markdown-Dateien zu verwenden.

Multi-Zones

Erfahren Sie, wie Sie Micro-Frontends mit Next.js Multi-Zones erstellen, um mehrere Next.js-Apps unter einer einzelnen Domain bereitzustellen.

OpenTelemetry

Erfahren Sie, wie Sie Ihre Next.js-App mit OpenTelemetry instrumentieren können.

Package-Bundling

Erfahren Sie, wie Sie die Server- und Client-Bundles Ihrer Anwendung optimieren können.

PostCSS

Erweitern Sie die PostCSS-Konfiguration und Plugins, die von Next.js hinzugefügt werden, mit Ihren eigenen.

Preview Mode

Next.js bietet einen Preview Mode für statisch generierte Seiten. Hier erfahren Sie, wie er funktioniert.

Produktion

Empfehlungen für beste Leistung und Nutzererfahrung, bevor Sie Ihre Next.js-Anwendung in die Produktion überführen.

Weiterleitungen

Erfahren Sie mehr über die verschiedenen Möglichkeiten zur Handhabung von Weiterleitungen in Next.js.

Sass

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

Skripte

Optimierung von Skripten Drittanbieter mit der eingebauten Script-Komponente.

Self-Hosting

Erfahren Sie, wie Sie Ihre Next.js-Anwendung auf einem Node.js-Server, als Docker-Image oder statische HTML-Dateien (statischer Export) selbst hosten können.

Statische Exports

Mit Next.js können Sie als statische Website oder Single-Page Application (SPA) beginnen und später optional auf Funktionen upgraden, die einen Server erfordern.

Tailwind CSS

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

Drittanbieter-Bibliotheken

Verbessern Sie die Leistung von Drittanbieter-Bibliotheken in Ihrer Anwendung mit dem `@next/third-parties`-Paket.

Migration

Erfahren Sie, wie Sie von gängigen Frameworks zu Next.js migrieren können

Testing

Erfahren Sie, wie Sie Next.js mit drei häufig verwendeten Test-Tools einrichten können — Cypress, Playwright, Vitest und Jest.

Upgrade

Erfahren Sie, wie Sie auf die neuesten Versionen von Next.js aktualisieren können.