Konfiguration

Next.js ermöglicht es Ihnen, Ihr Projekt an spezifische Anforderungen anzupassen. Dazu gehören Integrationen mit TypeScript, ESLint und mehr, sowie interne Konfigurationsoptionen wie Absolute Imports (absolute Importe) und Environment Variables (Umgebungsvariablen).

TypeScript

Next.js bietet eine TypeScript-first-Entwicklungsumgebung für den Aufbau Ihrer React-Anwendung.

ESLint

Next.js meldet standardmäßig ESLint-Fehler und -Warnungen während des Builds. Hier erfahren Sie, wie Sie dieses Verhalten deaktivieren können.

Umgebungsvariablen

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

Absolute Imports und Modulpfad-Aliase

Konfigurieren Sie Modulpfad-Aliase, die es ermöglichen, bestimmte Importpfade umzulegen.

src-Verzeichnis

Speichern Sie Seiten im `src`-Verzeichnis als Alternative zum Stammverzeichnis `pages`.

MDX

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

AMP

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

Babel

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

PostCSS

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

Benutzerdefinierter Server

Starten einer Next.js-App programmatisch mit einem benutzerdefinierten Server.

Draft Mode

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

Fehlerbehandlung

Umgang mit Fehlern in Ihrer Next.js-Anwendung.

Debugging

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

Vorschaumodus

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

Content Security Policy (CSP)

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