Erste Schritte mit Next.js

Eine Einführung in Next.js 15 mit dem App Router

Next.js ist ein React-Framework, das serverseitiges Rendering, statische Generierung und viele weitere Funktionen bietet.

Installation

Um ein neues Next.js-Projekt zu erstellen, verwenden Sie:

npx create-next-app@latest mein-projekt

App Router

Next.js 15 verwendet den neuen App Router als Standard. Dieser bietet:

  • Server Components - Standardmäßig serverseitig gerenderte Komponenten
  • Layouts - Verschachtelte Layouts für konsistente UI
  • Loading States - Eingebaute Loading-Zustände
  • Error Handling - Verbesserte Fehlerbehandlung

Static Export

Für statische Websites konfigurieren Sie next.config.js:

const nextConfig = {
  output: 'export',
  images: {
    unoptimized: true,
  },
}

Mit dieser Konfiguration werden alle Seiten als statische HTML-Dateien exportiert.