Next.js

Was ist es?

Next.js ist das React-Meta-Framework von Vercel — App Router mit React Server Components, File-System-Routing, Server Actions und integrierter Build-Pipeline. Seit Version 13 ist der App Router stabil, ab Version 15 standardmäßig, in Next.js 16 ist Turbopack der Default-Bundler für dev und build.

Quickstart

pnpm create next-app@latest my-app --ts --tailwind --app --turbopack
cd my-app && pnpm dev

Routen liegen in app/, jede page.tsx ist ein Server Component by default. Für Client-Code: "use client" ganz oben.

Typische Patterns

• Server Component fetcht direkt, kein getServerSideProps mehr:

  // app/projekte/page.tsx
  export default async function Page() {
    const projects = await db.from('projects').select('*')
    return <Grid items={projects.data} />
  }
  

• Route Handler statt API Routes: app/api/foo/route.ts exportiert GET/POST-Funktionen.
• Server Actions für Mutations: 'use server' Direktive in Funktionen, direkt aus Forms aufrufbar.