Erste Schritte
Willkommen in der Next.js-Dokumentation!
Dieser Abschnitt Erste Schritte hilft Ihnen dabei, Ihre erste Next.js-App zu erstellen und die Kernfunktionen kennenzulernen, die Sie in jedem Projekt verwenden werden.
Voraussetzungen
Unsere Dokumentation setzt Grundkenntnisse in der Webentwicklung voraus. Bevor Sie beginnen, sollten Sie mit folgenden Technologien vertraut sein:
- HTML
- CSS
- JavaScript
- React
Wenn Sie neu in React sind oder Ihr Wissen auffrischen möchten, empfehlen wir unseren React Foundations-Kurs und den Next.js Foundations-Kurs, bei dem Sie während des Lernens eine Anwendung erstellen.
Nächste Schritte
Installation
Erstellen Sie eine neue Next.js-Anwendung mit der `create-next-app` CLI und richten Sie TypeScript, ESLint und Modulpfad-Aliase ein.
Projektstruktur
Ein Überblick über die Ordner- und Dateikonventionen in Next.js sowie Empfehlungen zur Projektorganisation.
Layouts und Seiten
Erstellen Sie Ihre ersten Seiten und Layouts und verlinken Sie zwischen ihnen.
Bilder
Erfahren Sie, wie Sie Bilder in Next.js optimieren können
Schriftarten
Erfahren Sie, wie Sie Schriftarten in Next.js verwenden können
CSS
Erfahren Sie mehr über die verschiedenen Möglichkeiten, CSS in Ihrer Anwendung zu verwenden, einschließlich CSS-Modulen, globalem CSS, Tailwind CSS und mehr.
Server- und Client-Komponenten
Erfahren Sie, wie Sie React Server- und Client-Komponenten verwenden können, um Teile Ihrer Anwendung auf dem Server oder Client zu rendern.
Datenabruf
Erfahren Sie, wie Sie Daten abrufen und Inhalte in Ihrer Anwendung streamen können.
Caching und Revalidierung
Erfahren Sie, wie Sie Daten in Ihrer Anwendung cachen und revalidieren können.
Daten aktualisieren
Erfahren Sie, wie Sie Daten in Ihrer Next.js-Anwendung aktualisieren können.
Fehlerbehandlung
Erfahren Sie, wie Sie erwartete Fehler anzeigen und unbehandelte Ausnahmen verwalten können.
Partial Prerendering
Erfahren Sie, wie Sie die Vorteile von statischem und dynamischem Rendering mit Partial Prerendering kombinieren können.
Metadaten und OG-Bilder
Erfahren Sie, wie Sie Metadaten zu Ihren Seiten hinzufügen und dynamische OG-Bilder erstellen können.
Bereitstellung
Erfahren Sie, wie Sie Ihre Next.js-Anwendung bereitstellen können.
Aktualisierung
Erfahren Sie, wie Sie Ihre Next.js-Anwendung auf die neueste Version aktualisieren können.