Anleitungen
Datenabruf
- Verwendung der
fetch
-API - Verwendung eines ORM oder Datenbank-Clients
- Lesen von Suchparametern auf dem Server
- Lesen von Suchparametern auf dem Client
Datenrevalidierung
- Verwendung von ISR zur zeitbasierten Datenrevalidierung
- Verwendung von ISR zur bedarfsgesteuerten Datenrevalidierung
Formulare
- Anzeigen eines Wartezustands während der Formularübermittlung
- Serverseitige Formularvalidierung
- Behandlung erwarteter Fehler
- Behandlung unerwarteter Ausnahmen
- Anzeigen optimistischer UI-Aktualisierungen
- Programmatische Formularübermittlung
Server-Aktionen
- Übergeben zusätzlicher Werte
- Revalidierung von Daten
- Weiterleitung
- Setzen von Cookies
- Löschen von Cookies
Metadaten
- Erstellen eines RSS-Feeds
- Erstellen eines Open-Graph-Bildes
- Erstellen einer Sitemap
- Erstellen einer robots.txt-Datei
- Erstellen einer benutzerdefinierten 404-Seite
- Erstellen einer benutzerdefinierten 500-Seite
Authentifizierung
- Erstellen eines Registrierungsformulars
- Zustandslose, Cookie-basierte Sitzungsverwaltung
- Zustandsbehaftete, datenbankgestützte Sitzungsverwaltung
- Verwaltung von Berechtigungen
Tests
Bereitstellung
- Erstellen einer Dockerfile
- Erstellen eines statischen Exports (SPA)
- Konfigurieren des Cachings bei Selbsthosting
- Konfigurieren der Bildoptimierung bei Selbsthosting
Analytics
Messen und verfolgen Sie die Seitenleistung mit Next.js Speed Insights
Authentifizierung
Erfahren Sie, wie Sie die Authentifizierung in Ihrer Next.js-Anwendung implementieren können.
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 einrichten.
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, Chrome DevTools oder Firefox DevTools debuggen können.
Draft Mode
Next.js bietet einen Draft Mode, um zwischen statischen und dynamischen Seiten zu wechseln. Hier erfahren Sie, wie er mit dem App 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 in Next.js Formulare mit React Server Actions erstellen können.
ISR
Erfahren Sie, wie Sie statische Seiten zur Laufzeit erstellen oder aktualisieren können mit Incremental Static Regeneration.
Instrumentation
Erfahren Sie, wie Sie Instrumentation verwenden können, um Code beim Serverstart in Ihrer Next.js-App auszuführen
Internationalisierung
Unterstützung für mehrere Sprachen mit internationalisiertem Routing und lokalisierten Inhalten.
JSON-LD
Erfahren Sie, wie Sie JSON-LD zu Ihrer Next.js-Anwendung hinzufügen können, um Suchmaschinen und KI Ihre Inhalte zu beschreiben.
Lazy Loading
Importierte Bibliotheken und React Components verzögert laden, um die Ladeleistung Ihrer Anwendung zu verbessern.
Entwicklungsumgebung
Erfahren Sie, wie Sie Ihre lokale Entwicklungsumgebung mit Next.js optimieren können.
MDX
Erfahren Sie, wie Sie MDX konfigurieren und in Ihren Next.js-Apps verwenden können.
Speicherverbrauch
Optimieren Sie den Speicherverbrauch Ihrer Anwendung in Entwicklung und Produktion.
Multi-Tenant
Erfahren Sie, wie Sie Multi-Tenant-Apps mit dem App Router erstellen können.
Multi-Zones
Erfahren Sie, wie Sie mit Next.js Multi-Zones Micro-Frontends erstellen können, 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.
Produktion
Empfehlungen für die beste Leistung und Benutzererfahrung vor dem Livegang Ihrer Next.js-Anwendung.
PWAs
Hier erfahren Sie, wie Sie eine Progressive Web Application (PWA) mit Next.js erstellen können.
Weiterleitungen
Erfahren Sie mehr über die verschiedenen Möglichkeiten, Weiterleitungen in Next.js zu handhaben.
Sass
Gestalten Sie Ihre Next.js-Anwendung mit Sass.
Skripte
Optimieren Sie Drittanbieter-Skripte mit der eingebauten Script-Komponente.
Selbsthosting
Erfahren Sie, wie Sie Ihre Next.js-Anwendung auf einem Node.js-Server, als Docker-Image oder als statische HTML-Dateien (statischer Export) selbst hosten können.
SPAs
Next.js bietet umfassende Unterstützung für die Entwicklung von Single-Page Applications (SPAs).
Statische Exports
Next.js ermöglicht den Start als statische Website oder Single-Page Application (SPA), mit der Option, später auf Funktionen zu erweitern, 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 Paket `@next/third-parties`.
Videos
Empfehlungen und Best Practices zur Optimierung von Videos in Ihrer Next.js-Anwendung.
Migration
Erfahren Sie, wie Sie von gängigen Frameworks zu Next.js migrieren können
Testing
Erfahren Sie, wie Sie Next.js mit vier häufig verwendeten Test-Tools einrichten – Cypress, Playwright, Vitest und Jest.
Upgrading
Erfahren Sie, wie Sie auf die neuesten Versionen von Next.js aktualisieren.