Next.js Entwickler für Websites und Web-Apps
Ich baue mit Next.js, TypeScript und Tailwind und deploye über OpenNext auf Cloudflare Workers. Diese Seite läuft genau so, du siehst das Ergebnis also gerade.
- Next.js
- TypeScript
- Tailwind CSS
- App Router
- Cloudflare Workers
Gebaut für technische Auftraggeber
Du weißt ungefähr, was du willst, und suchst jemanden, der es baut statt es zu beschreiben. Ob neues Projekt, halb fertiges Repository oder eine Seite, die seit Jahren auf WordPress steht: Der Einstieg ist immer eine Bestandsaufnahme, keine Präsentation.
Woran Seiten scheitern, bevor jemand sie sieht
Die meisten Anfragen zu Next.js beginnen nicht mit einer Technologiefrage, sondern mit einem dieser sechs Punkte.
Ladezeit jenseits der Schwelle
Core Web Vitals werden an echten Besuchen gemessen. Ein im Browser zusammengebautes Bundle schiebt den LCP über die Grenze, lange bevor es jemandem auffällt.
Dünnes HTML für Suchmaschinen
Eine klassische Single Page App liefert ein leeres div aus und hängt alles an JavaScript. Server Components schicken stattdessen fertiges HTML mit sauberen Meta-Daten.
Das CMS steht im Weg
WordPress trägt Inhalte gut. Sobald eigene Logik, Logins oder eine Anbindung dazukommen, wird daraus Plugin-Archäologie und jedes Update ein Risiko.
Baukasten ausgereizt
Wix, Squarespace und Webflow tragen bis zu dem Punkt, an dem du ein eigenes Datenmodell, eine Schnittstelle oder einen Login brauchst. Danach arbeitest du gegen das Werkzeug.
Die Daten liegen woanders
Warenwirtschaft, CRM, Buchungssystem: Die Seite soll darauf zugreifen statt danebenzustehen. Ohne Schnittstelle pflegst du jeden Datensatz zweimal.
Nach dem Launch niemand da
Abhängigkeiten altern, ein Build bricht, und niemand ist zuständig. Die Seite fällt still zurück, bis sie irgendwann komplett neu gemacht wird.
Was ich konkret baue
Vom einzelnen Umbau bis zur kompletten Anwendung, immer mit derselben Grundlage.
App Router und Server Components
Daten werden auf dem Server geholt, der Browser bekommt fertiges HTML. Weniger JavaScript im Bundle, schnellere erste Anzeige, weniger Zustand zum Verwalten.
Core Web Vitals als Zielwert
LCP, CLS und INP werden gemessen, nicht geschätzt: Bilder in modernen Formaten, Schriften lokal eingebunden, kein Layoutsprung beim Nachladen.
SEO und strukturierte Daten
Eigene Meta-Daten pro Route, Sitemap und Feed, hreflang bei zwei Sprachen und JSON-LD für Service, FAQ und Breadcrumb.
Deployment auf Cloudflare Workers
Gebaut über OpenNext, ausgeliefert an der Edge. Kein Server, den jemand patchen muss, und jeder Pull Request bekommt eine eigene Preview-URL.
Anbindung an bestehende Systeme
Headless CMS, Firebase, eigene REST- oder GraphQL-Endpunkte. Route Handler kapseln die Zugriffe, Schlüssel und Tokens bleiben auf dem Server.
Web-App mit Login und Dashboard
Authentifizierung, Rollen, geschützte Bereiche und Auswertungen in derselben Codebasis wie die öffentliche Seite. Kein zweites Projekt daneben.
Vom Repository zum Launch
Vier Schritte, in denen du ab dem ersten Tag etwas anklicken kannst.
Bestandsaufnahme
Ich sehe mir an, was da ist: Seite, Daten, Schnittstellen, Messwerte. Danach weißt du, was ein Umbau bringt und was er nicht löst.
Architektur und Angebot
Routen, Datenfluss, Rendering je Seite, Hosting. Daraus entsteht ein schriftliches Festpreis-Angebot mit klar abgegrenztem Umfang.
Umsetzung in Etappen
Jede Etappe landet auf einer Preview-URL, die du anklicken kannst. Feedback fließt laufend ein statt gesammelt am Ende.
Launch und danach
Domain, Weiterleitungen von den alten URLs, Monitoring. Danach entweder saubere Übergabe an dein Team oder feste Betreuung.
Schick mir den Link, ich sage dir was geht
Eine bestehende Seite, ein Repository oder drei Sätze zur Idee reichen für den Anfang. Du bekommst eine Einschätzung, was mit Next.js sinnvoll ist, in welcher Reihenfolge ich vorgehen würde und was das kostet.
Häufige Fragen zu Next.js
WordPress ist stark, solange du Inhalte veröffentlichst und der Rest aus Plugins kommt. Sobald eigene Logik dazukommt, also Logins, Berechnungen oder eine Anbindung an dein System, arbeitest du gegen das CMS. Next.js dreht das um: Der Code ist die Grundlage, Inhalte kommen aus einem Headless CMS oder direkt aus der Datenbank.
Ja. Entweder werden die Inhalte exportiert, oder WordPress läuft headless weiter und Next.js übernimmt nur die Ausgabe. Der wichtigste Teil sind die alten URLs: Jede bekommt eine 301-Weiterleitung, sonst verlierst du Rankings, die du dir längst erarbeitet hast.
Standard ist Cloudflare Workers, gebaut über OpenNext. Das ist günstig im Betrieb, weltweit schnell und braucht keinen Server, den jemand pflegt. Vercel oder ein eigener Node-Server sind genauso möglich, das entscheiden wir nach Anforderungen und Budget, nicht nach Geschmack.
Ja, das ist der häufigste Fall. Das Projekt läuft, aber der Build dauert zu lange, die Ladezeit ist schlecht oder die Migration auf den App Router steckt zur Hälfte fest. Ich sehe mir das Repository an und sage dir, was ich in welcher Reihenfolge angehen würde, bevor du dich festlegst.
Das hängt vollständig am Umfang, und eine Zahl ohne Gespräch wäre geraten. Nach einer kurzen Bestandsaufnahme bekommst du ein schriftliches Festpreis-Angebot. Wenn es eher um eine klassische Unternehmensseite als um eine Anwendung geht, steht das Angebot dafür unter Website erstellen lassen.
Auf Wunsch ich. Updates von Next.js und den Abhängigkeiten, Monitoring, kleine Erweiterungen und Ansprechbarkeit, wenn etwas bricht: Das läuft als feste Betreuung mit Monatskontingent, die Konditionen stehen auf App-Betreuung.
Ja. Je nachdem, wie oft sich was ändert, kommt ein Headless CMS dazu oder eine schlanke Eingabemaske im geschützten Bereich. Das klären wir vorher, weil es die Architektur beeinflusst und nicht nachträglich angeklebt werden sollte.
Lass uns gemeinsam etwas Großartiges bauen.
Hast du ein Projekt im Kopf? Ich würde gerne davon hören. Schick mir eine Nachricht und ich melde mich so schnell wie möglich.
