Service-Säule

Next.js-Entwickler

Senior B2B, EU-Jurisdiktion, Scope pro Projekt.

Preisgestaltung individuell. Ich antworte innerhalb eines Werktags.

Projekt starten Headless-WordPress →

Was ich liefere

Next.js 15 mit App Router und React 19 Server Components im Frontend. WordPress 6.7+ als redaktionelles Back-End, das über REST oder GraphQL kommuniziert. Cloudflare Workers und Pages als Runtime und Edge-Cache. TypeScript über den ganzen Stack. Tailwind CSS als Design-System. Anthropic Claude und Model Context Protocol, sobald sich KI-Funktionen tatsächlich rechnen.

Wann Next.js die richtige Wahl ist

Personalisierte Seiten, sitzungsgetriebene Flows, A/B-getestete Erlebnisse, transaktionaler Checkout, Echtzeit-Dashboards und authentifizierte Arbeitsbereiche profitieren vom Streaming-SSR- und RSC-Modell. Das mentale Modell lautet: "nahe an den Daten rendern, streamen, was bereit ist, hydrieren, was interaktiv ist". Für passende Seiten liefert Next.js ein UX, das klassisches SSR oder Statik nicht erreicht.

Für Seiten, die nicht passen, sage ich das offen. Inhaltsschwere Marketing-Sites, Blogs und Dokumentationen gewinnen meist auf Astro mit statisch + ISR und niedrigeren Kosten. Die Framework-Entscheidung ist Teil des Scopings, nicht der Default.

Für wen das gedacht ist

  • WooCommerce-Stores mit individuellem Checkout oder nutzerspezifischer Preislogik
  • SaaS-Dashboards und authentifizierte Arbeitsbereiche mit WordPress als Inhaltsschicht
  • Multiregionale Marken, die ISR mit Webhook-getriebener Invalidierung benötigen
  • Redaktionelle Publisher mit Live-Datenfeeds, Kommentaren oder Echtzeit-Analytics-Oberflächen

Zusammenarbeitsmodell

Senior-B2B-Verträge in EU-Jurisdiktion. Discovery, Scoping, Festpreis- oder Time-and-Materials-Engagements. Preisgestaltung individuell.

Read-Path am Edge, Write-Path am Origin. Cache wird per Webhook nach Tags invalidiert. Leser / Agent sends a request to Cloudflare Workers (Edge). On cache hit the Edge-Cache (pro Tag) returns HTML with almost no CPU. On cache miss Workers calls REST API /wp-json/ on the WordPress-Origin and renders. Editorial work happens in Block Editor + WP Admin on the origin and triggers a Webhook bei Veröffentlichung that invalidates relevant cache tags. Leser / Agent Cloudflare Workers (Edge) Edge-Cache (pro Tag) Cache-Treffer (fast keine CPU) Cache-Miss → Render am Edge WordPress-Origin Block Editor + WP Admin REST API /wp-json/ Veröffentlichung / Slug-Änderung / Bestand Read Read Webhook bei Veröffentlichung Write
Read-Path am Edge, Write-Path am Origin. Cache wird per Webhook nach Tags invalidiert.
React Server Components sind kein Feature von React; sie sind ein anderes Programmiermodell, das endlich erlaubt, nahe an den Daten zu rendern.
Andrew Clark , React Core Team , React Conf 2025 , 2025-05-15 , source

Häufig gestellte Fragen

Wann gewinnt Next.js gegen Astro für Headless-WordPress?

Wenn die Seite personalisiert, sitzungsgetrieben oder transaktional ist. Authentifizierte Dashboards, Checkout-Flows, A/B-getestete Seiten, Echtzeit-Datenfeeds und Live-Commerce spielen alle Next.js in die Hände. Astro gewinnt bei inhaltsschweren Seiten, bei denen statisch + ISR ausreicht. Die Framework-Wahl ist projektbezogen, nicht voreingestellt.

Welche Rolle spielen React Server Components in der Produktion?

RSC lässt das Framework React auf dem Server rendern und HTML zum Client streamen, ohne den Komponentencode auszuliefern. Vorteile sind kleinere JS-Bundles, schnellere TTI auf langsamen Netzen und ein saubereres Datenabrufmuster. Der Preis ist ein anderes mentales Modell als klassisches React; die Vertrautheit des Senior-Teams mit RSC zählt mehr als die Framework-Versionsnummer.

Läuft Next.js auf Cloudflare Workers?

Ja. Der OpenNext-Adapter kompiliert einen Next.js-Build in eine Workers-kompatible Ausgabe, und Cloudflares native Next.js-Workers-Integration deckt die meisten Produktionsfälle ab. Edge Functions und Middleware portieren von Vercel Edge Runtime. Ich benchmarke pro Projekt; nicht jedes Next.js-Feature verhält sich runtime-übergreifend identisch.

Kostet Next.js mehr im Hosting als Astro?

Oft ja. Statische Astro-Seiten werden vom Edge-Cache nahezu ohne CPU-Kosten ausgeliefert. Next.js-SSR-Seiten zahlen die volle Render-Last pro Anfrage, und selbst ISR zahlt Revalidierungskosten. Bei traffic-starken Inhaltsseiten ist der Unterschied real. Bei Commerce und personalisierten Flows ist er selten der entscheidende Faktor.

Wie behandeln Sie SEO mit Next.js?

Metadaten pro Route über die Metadata-API des App Routers, strukturierte Daten über inline JSON-LD oder Schema-Komponenten, Sitemap und robots über generateSitemaps und Route-Handler, hreflang über das Feld metadata.alternates. Ich bringe eine 30-Punkte-SEO-Checkliste in jedes Next.js-Projekt mit.

Proof durch Migrationsdisziplin

Next.js ist sinnvoll, wenn eine Route wirklich Session-State, Personalisierung oder Streaming braucht. Die Proof-Schicht zeigt, wie ich URLs, Schema, Editorial Preview und Rollback beim Frontend-Wechsel erhalte.

Weiterführende Artikel

Architektur und Entscheidung

Migration und Zeitpläne

Compliance und Risiko

Referenz

Next.js-Projekt starten

Schildern Sie Scope und Zeitplan. Ich antworte innerhalb eines Werktags.

Kontakt aufnehmen