Next.js-Entwickler in Nantes

#Warum einen Senior-Next.js-Entwickler in Nantes engagieren?

Ich unterstütze das lokale Business-Ökosystem in Nantes. Ich entwickle barrierearme und schnelle WordPress-Websites für wachsende Unternehmen.

Gute lokale Sichtbarkeit in der Suche, schnelle Ladezeiten auf dem Smartphone und Anbindungen an die CRM-, Buchungs- und Zahlungssysteme, die Unternehmen in der Region nutzen.

Die React-Frontend-Landschaft in Nantes wird von Next.js als produktionsreifem React-Framework dominiert. Next.js 15 mit App Router, React, Server Actions und Turbopack ist der Standard-Stack für Frontends, die eigentlich Anwendungen sind: Dashboards, B2B-Portale, Headless-E-Commerce, Multi-Tenant-SaaS und jede Oberfläche mit viel Interaktion auf einer Backend-API. Unternehmen in Nantes, die eine Senior-Next.js-Rolle intern besetzen wollen, warten üblicherweise drei bis sechs Monate und zahlen Stundensaetze, die mit Full-Stack-Go- oder Rust-Hires konkurrieren. Ein Senior-Freelancer schließt diese Lücke, und das Budget richtet sich nach dem tatsächlichen Umfang statt nach einem festen Gehalt.

Ich liefere senior Next.js Engineering für Unternehmen in Nantes als Freelance-Auftragnehmer, EU-Jurisdiktion, B2B-Vertrag auf MwSt-Rechnung. Das Modell ist einfach: Ich mache die Analyse und schreibe auch in Woche sechs selbst den Code, ohne Übergabe an ein Offshore-Team, ohne Projektmanager auf Ihrer Rechnung und ohne Junior-Entwickler. Den Preis nenne ich nach einer einstündigen Analyse, weil eine Next.js-Marketingseite mit 30 Routen etwas anderes kostet als ein Multi-Tenant-SaaS mit RBAC, verteiltem Caching und NIS2-Konformität. Bei Kunden im DACH-Raum kommt oft hinzu, dass die Datenhaltung in der EU schriftlich festgelegt sein muss und die interne Compliance einen Auftragsverarbeitungsvertrag (AVV) sowie eine Liste der eingesetzten Subunternehmer verlangt, bevor der erste Branch gepusht wird.

#Was Next.js von Astro und reinem React unterscheidet

Next.js beherrscht den anwendungsfoermigen Frontend-Bereich. Der App Router mit React Server Components lädt Daten direkt auf dem Server, Server Actions verarbeiten Formulare ohne eigene API-Schicht, und die Edge-Runtime erreicht bei einfachen Request-Response-Aufgaben eine TTFB unter 100 ms. Astro beherrscht den inhaltsfoermigen Frontend-Bereich, sendet standardmäßig kein JavaScript und gewinnt Lighthouse für Marketingseiten, Blogs, Dokumentationen und inhaltsstarke Landingpages. Reines React (Vite + react-router) gewinnt für rein clientseitige Single-Page-Anwendungen ohne SSR-Anforderungen.

Für Unternehmen in Nantes sieht der praktische Entscheidungsbaum so aus:

• Marketingseite, Blog, Dokumentation, Inhaltskatalog: Astro
• B2B-Portal, SaaS-Dashboard, Headless Commerce, internes Tooling: Next.js
• Eingebettetes Widget, mobile-first SPA ohne SEO-Bedarf: Vite + React
• Bestehendes WordPress, das ein schnelleres öffentliches Frontend braucht: Headless WordPress, je nach Anwendungsoberflaeche mit Astro oder Next.js

Ich liefere alle vier Muster. Diese Seite behandelt die Next.js-Seite.

#Was umfasst die Next.js-Entwicklung in Nantes?

#Neuprojekt Next.js Anwendungen

App-Router-Architektur von Anfang an: Server Components zum Laden von Daten, Client Components für Interaktivität, Server Actions für Änderungen, Route Handlers für REST- und RPC-Endpunkte. TypeScript im Strict Mode, Tailwind CSS oder ein Designsystem Ihrer Wahl, shadcn/ui oder eine eigene Komponentenbibliothek, serverseitige Authentifizierung mit NextAuth, Auth.js oder einem externen Anbieter, Drizzle ORM oder Prisma für den Datenbankzugriff sowie Server Actions mit Revalidation Paths für die Cache-Invalidierung. Ich liefere Next.js Anwendungen in Nantes, die vom MVP bis in die Produktion vorhersehbar skalieren.

#Headless Commerce auf Next.js

Shopify Hydrogen, BigCommerce, commercetools, Saleor oder eigene GraphQL- bzw. REST-Backends, gerendert mit Next.js. Produktseiten als statisch generierte Routen mit On-Demand-Revalidation, Warenkorb und Checkout als interaktive Client Components mit Server Actions für Änderungen, Suche über Algolia oder Meilisearch, Mehrsprachigkeit mit next-intl oder dem eingebauten i18n des App Routers und Edge-Caching für einen schnellen Katalog. Die Next.js Commerce-Architektur in Nantes liefert die redaktionelle Geschwindigkeit statischen Renderings mit dem dynamischen Verhalten einer SPA.

#Headless WordPress auf Next.js

WordPress als Redaktions-CMS, ein Next.js-Frontend holt die Inhalte über die REST API oder GraphQL (WPGraphQL). Die Redaktion behält ihren gewohnten WordPress-Workflow, das öffentliche Frontend bekommt React Server Components, sofortige Seitenwechsel und automatisierte Auslieferung auf dem Niveau von Vercel. Häufiges Muster für Unternehmen in Nantes mit redaktionellen Inhaltsoberflaechen, die schnell auf Mobile ausliefern müssen.

#Migration von Pages Router, CRA, Gatsby oder anderen Frameworks

Vom Pages Router in Next.js 12 auf den App Router in Next.js 15, Route für Route migriert, damit es keine einzelne riskante Umstellung gibt. Migrationen von create-react-app auf Next.js für Projekte, denen reines Client-Side-Rendering nicht mehr reicht. Migrationen von Gatsby auf Next.js oder Astro, je nachdem, ob die Website eher eine Anwendung oder eine Inhaltsseite ist. Migrationen von selbst gebauten React-und-Webpack-Setups auf Next.js, wenn Ihr Team fertige Werkzeuge nutzen will, statt eigene zu pflegen.

#Performance-Optimierung

Next.js-Anwendungen wachsen schnell zu schweren JavaScript-Bundles an, wenn niemand darauf achtet: Client Components überall, große Komponentenbibliotheken komplett importiert, keine Bildoptimierung, Skripte von Drittanbietern im globalen Layout. Ich auditiere produktive Next.js Anwendungen in Nantes hinsichtlich Bundle-Größe (mit @next/bundle-analyzer), Code-Splitting-Chancen, Server-vs-Client-Komponentengrenzen, Bild- und Schriftoptimierung sowie Core Web Vitals. Am Ende steht eine priorisierte Liste von Maßnahmen mit einer Lighthouse-Baseline vor der Optimierung, sodass der Effekt unter identischen Bedingungen gemessen wird.

#React Server Components und Server Actions

Mit dem App Router, RSC und Server Actions ändert sich die Architektur für das Laden und Ändern von Daten. Ich helfe Teams, die neuen Muster zu übernehmen, ohne den Überblick zu verlieren: welche Komponenten auf dem Client laufen müssen und welche auf dem Server, wann Server Actions statt Route Handlers sinnvoll sind, wie man authentifizierte Mutationen behandelt, wie Caches über Servergrenzen hinweg invalidiert werden und wie man RSC-Bäume testet, die Server- und Client-Code mischen.

#Internationalisierung und Multi-Region-Routing

Routing in Next.js für mehrsprachige Seiten: über Unterpfade (/en, /de, /pl), über Domains (.com, .de, .pl) oder vollständig dynamisch, mit der Sprache aus Cookies und Headern. Übersetzungen mit next-intl, react-i18next oder statischen JSON-Wörterbüchern. SEO mit hreflang, kanonischen URLs, einer Sitemap pro Sprache und lokalisierten strukturierten Daten. Ich setze das für Unternehmen in Nantes um, die mehrere EU-Märkte bedienen oder globales SaaS betreiben.

#Eigene Backend-for-Frontend-Muster

Server Actions und Route Handlers als schlanke BFF-Schicht: Sie bündeln Aufrufe an mehrere Backend-Dienste, vereinheitlichen Payloads, übernehmen die Authentifizierung, begrenzen die Anfragerate und liefern dem Frontend passende Antworten. Dieses Muster passt zu Unternehmen in Nantes mit Mikroservices im Backend (oft Laravel, Symfony, NestJS oder Go) und einem Next.js Frontend, das einen Endpoint pro Seite braucht.

#Welche Frontend-Anwendungen brauchen regionale Firmen in Nantes?

• Architektur proportional zur tatsächlichen Unternehmensgröße: keine 50-Microservice-Topologie, wenn eine gut modularisierte Anwendung schneller liefert
• Dokumentationsdisziplin, die dem nächsten Engineering-Hire erlaubt, die Codebase ohne sechswöchige Ramp-up-Phase zu übernehmen
• Operative Instrumentierung passend zum Inhouse-Ops-Headcount: Monitoring, das eine Person ohne Alert Fatigue im Griff behält
• Ehrliche Umfangsgespräche: Features, die im Planungshorizont nicht zurückzahlen, werden zurückgestellt, nicht auf den Zeitplan gestapelt

Bei Next.js-Anwendungen arbeiten regionale Unternehmen und wachsende Scale-ups mit einer Vorgabe, die große Firmen selten kennen: Die Investition muss sich in zwei bis vier Quartalen auszahlen, eine Plattformwette über mehrere Jahre kommt nicht in Frage. Projekte, die gut laufen, haben eines gemeinsam: In der ersten Woche gibt es eine lauffähige Oberfläche statt Architekturfolien, jede Woche sichtbaren Fortschritt auf einer Staging-URL, die Ihr Team selbst durchklicken kann, und eine Dokumentation, die auch dann noch trägt, wenn die ursprünglichen Entwickler längst woanders arbeiten.

#Next.js Stack und Tooling im Produktivbetrieb

#Framework-Versionen

• Next.js 15 mit App Router für neue Projekte, Next.js 14 für Projekte, die schon in Produktion sind
• React 19 mit dem use()-Hook, useOptimistic, useFormStatus und dem neuen React-Compiler
• TypeScript 5.x im Strict Mode, mit type-safe Routes und typisierten Server Actions
• Turbopack für Development, Webpack oder Turbopack für Production je nach Plugin-Kompatibilität

#UI und Styling

• Tailwind CSS 4 mit Design Tokens und automatischem Purging oder ein projektspezifisches Designsystem
• shadcn/ui für barrierefreie Komponenten-Primitives auf Basis von Radix UI und Tailwind
• Framer Motion für Animation, wenn das Design wirklich von Bewegung profitiert
• CSS Modules oder vanilla-extract, wenn shadcn/ui für die Projektoberflaeche zu viel ist

#Daten, ORM und Authentifizierung

• Prisma oder Drizzle für typsicheren Datenbankzugriff, mit PostgreSQL 16+ als Standard
• NextAuth.js / Auth.js zur Authentifizierung mit E-Mail, OAuth und Credential Providern
• Clerk oder WorkOS für Projekte, die Enterprise-Auth out-of-the-box brauchen
• Server Actions für Formulare und Mutationen mit Zod-Schema-Validierung
• TanStack Query oder SWR, wenn clientseitiges Datenladen tatsächlich erforderlich ist

#Hosting und Auslieferung

• Vercel als Standard für Next.js, mit Vorschauumgebungen pro Pull Request, Edge-Runtime wo sinnvoll und Vercel Analytics für Core Web Vitals
• Cloudflare Workers, wenn das Team Cloudflares Edge-Plattform aus Kosten- oder Diversifikationsgruenden bevorzugt
• Selbst gehostetes Node hinter einem Reverse Proxy, wenn das Projekt die EU-Jurisdiktionsgarantie braucht, die US-Hyperscaler aus dem Anfragepfad ausschliesst

#Test und Qualität

• Playwright für End-to-End-Tests über Browser und Viewports hinweg
• Vitest für Unit- und Komponententests, Testing Library für Interaktionstests
• Storybook für Komponentendokumentation und visuelle Regression
• GitHub Actions für CI: Lint, Typecheck, Tests, Build, Deploy auf der Testumgebung
• Lighthouse CI im Auslieferungsprozess, damit Performance-Regressionen die Produktion blockieren

#Observability und Monitoring

• Sentry für Error Tracking und Session Replay
• Vercel Analytics oder Cloudflare RUM für reale Core Web Vitals
• Datadog oder New Relic für APM auf Self-Hosted-Setups
• PostHog für Produktanalytik mit datenschutzfreundlichem Session Recording

Lokaler Kontext: Startup- und Tech-Szene in Nantes ist einer der klareren Bezugspunkte des Tech-Markts in Nantes, und Nantes WordPress Meetup bleibt ein Treffpunkt, an dem Senior-Praktiker Erfahrungen austauschen.

#Wie sieht der Markt für Unternehmen in Nantes aus?

Der Senior-Next.js-Satz in Nantes spiegelt lokale Marktbedingungen und den narzut der EU-Jurisdiktion. Senior-React-Entwickler mit Erfahrung im Next.js App Router liegen in meinen Angeboten 25 bis 50 Prozent über dem mittleren Full-Stack-Satz, weil die Rolle sauberes React im Client (State-Management, Barrierefreiheit, mobile UX) mit serverseitiger Architektur (RSC-Grenzen, Caching, BFF-Muster) verbindet; beides zusammen findet man bei Junior- oder Mid-Level-Entwicklern selten. Für Kunden in Deutschland, Norwegen, dem Vereinigten Königreich und den USA liegen die Sätze in meinen Angeboten 30 bis 80 Prozent über dem polnischen Niveau, je nach Framework, geforderten Compliance-Vorgaben und Vertragslaufzeit.

Die Implikation für Unternehmen in Nantes: Ein lokal eingestellter Senior-Next.js-Entwickler kostet pro Stunde grob das Gleiche wie einer über EU-Freelance-Vereinbarung, aber das Freelance-Modell überspringt die Recruiting-Vorlaufzeit (aktuell 3 bis 6 Monate für Senior-Rollen), liefert B2B-Rechnungsstellung statt Vollzeitnebenkosten und erlaubt es, das Engagement nach realem Umfang zu skalieren. Bei Projekten im DACH-Raum rechnen Kunden die Umsatzsteuer zudem im Reverse-Charge-Verfahren nach § 13b UStG ab, was die Buchhaltung gegenüber einem klassischen externen Berater oder einer ausländischen Tochter deutlich vereinfacht.

#Konformität und Jurisdiktion

Die Compliance-Lage für Next.js-Anwendungen, die Kunden in Frankreich bedienen, mappt typischerweise auf:

• GDPR
• NIS2
• OWASP Top 10

Diese Vorgaben bestimmen die Cookie-Einwilligung, die Analytics-Pipeline und den Ablauf für Auskunftsanfragen betroffener Personen.

#Zusammenarbeitsmodell und Projekt-Timeline

Senior-B2B in EU-Jurisdiktion. NDA als Standard, Rahmenvertrag mit klar festgelegtem Umfang und Meilensteinen, Abrechnung nach Aufwand oder zum Festpreis, je nachdem, wie klar die Projektbeschreibung ist. Die Analyse dauert eine Stunde: Ich lese Ihre Projektbeschreibung, stelle technische Rückfragen, prüfe den vorhandenen Stack (falls es einen gibt), benenne Risiken und offene Punkte und schicke Ihnen danach ein individuelles Angebot. In meinen Angeboten steht kein „ab X pro Stunde“, weil sich die Schätzung nach dem Audit meist um 20 bis 40 Prozent nach oben oder unten verschiebt.

Ein typisches Neuprojekt-Engagement Next.js in Nantes:

1. Woche 1, Analyse, Architekturentscheidungen (RSC-Grenzen, Auth, Datenebene), Setup der Umgebung, lauffähige Demo bis Freitag auf der Testumgebung
2. Woche 2-4, Implementierung des Designsystems, primäre Routen, Auth-Flow, Datenbankschema und Prisma/Drizzle, Kernmutationen über Server Actions
3. Woche 5-8, Feature-Komplettierung, Anbindung externer Services, Admin-Oberflächen, Suche, Internationalisierung sofern im Umfang
4. Woche 9-10, Performance-Runde mit Bundle-Analyse und Lighthouse CI, Barrierefreiheits-Audit (WCAG 2.2 AA), Security-Review, Aufsetzen der Observability
5. Woche 11-12, Produktiv-Umstellung, Monitoring, optionale Übergabe in die laufende Betreuung

Ablauf einer typischen Migration auf Next.js (vom Pages Router auf den App Router oder von einem anderen Framework):

1. Woche 1-2, Codebase-Audit, Abhaengigkeitsanalyse, Routen-Inventur, RSC-Grenzplanung
2. Woche 3-6, Route-by-Route-Migration nach Strangler-Pattern, Regressionstests pro migrierter Oberfläche
3. Woche 7-10, vollständiger Umstellung auf App Router, Löschen der Pages-Router-Pfade, Performance-Runde
4. Woche 11-12, Post-Launch-Monitoring, Wechsel auf laufende Betreuung

#Welche Fragen stellen Kunden in Nantes vor der Beauftragung?

#App Router oder Pages Router?

App Router für jedes Neuprojekt auf Next.js 14 oder 15. Den Pages Router nur noch für bestehende Anwendungen, bei denen sich die Migration noch nicht lohnt. Server Components und Server Actions im App Router machen die Arbeit am Code angenehmer und heben die erreichbare Performance deutlich, und die Dokumentation von Vercel behandelt den App Router inzwischen durchgehend als Standard.

#Next.js, Remix oder reines React?

Next.js für produktionsreife Anwendungen, standardmäßig mit SSR, ISR, Edge-Runtime und automatisierten Deployments auf dem Niveau von Vercel. Remix ist eine gute Alternative, wenn das Team dessen Modell für das Laden von Daten bevorzugt und gern mit Cloudflare Workers arbeitet; das Framework ist heute in React Router 7 aufgegangen. Reines React (Vite und react-router) für eingebettete Widgets und SPAs, die kein SSR brauchen. Standard für Unternehmen in Nantes, die heute Senior-Frontend-Talente einstellen, ist Next.js, weil sowohl der Talentpool als auch die Produktivhistorie größer sind.

#Vercel oder selbst gehostet?

Vercel, wenn der Betriebsaufwand minimal sein soll, Vorschauumgebungen schnell stehen müssen und alle Next.js-Funktionen gebraucht werden. Selbst gehostetes Node auf AWS, GCP oder Cloudflare, wenn das Projekt tatsächlich garantierte Datenresidenz braucht und US-Hyperscaler aus dem Anfragepfad heraushalten muss, wenn Vercel bei wachsender Last zu teuer wird oder wenn Ihr Team ohnehin eine bestimmte Infrastruktur bevorzugt. Ich setze beides um. Entscheidend sind Compliance-Anforderungen, Skalierung und wie weit Ihr Betrieb ist, die Vorliebe für ein Framework spielt dabei keine Rolle.

#Kann ich von WordPress auf Next.js migrieren?

Ja, in zwei Varianten. Headless WordPress: WP behält die Redaktion, Next.js rendert das öffentliche Frontend über REST oder GraphQL. Die Redaktion arbeitet wie gewohnt weiter, das Frontend bekommt die Interaktivität einer Anwendung. Vollmigration: WP wird durch ein CMS ersetzt, das stärker mit dem React-Oekosystem ausgerichtet ist (Sanity, Contentful, Strapi, Storyblok, Payload). Die Redaktion muss sich umstellen, dafür ist die Architektur durchgehend einheitlich. Die richtige Wahl hängt davon ab, wie selbstständig die Redaktion arbeiten muss und wie viel der bestehende WordPress-Workflow wert ist.

#Wie lange dauert ein Next.js B2B-Portal?

Ein mittelgroßes B2B-Portal (Authentifizierung, rollenbasierter Zugriff, etwa 30 bis 60 Routen, 3 bis 5 Integrationen, Audit-Log, einfache Verwaltung) dauert insgesamt 10 bis 16 Wochen. Die Spanne ergibt sich aus der Komplexität der Authentifizierung (Single-Tenant, Multi-Tenant oder OIDC-Föderation), aus Zahl und Art der Integrationen, den Compliance-Anforderungen (NIS2, DORA, Barrierefreiheit) und dem Anpassungsbedarf am Designsystem. Ein SaaS mit Abrechnung, Mandantenfähigkeit und komplexen Berechtigungen dauert länger, ein einfaches internes Tool mit Anmeldung für nur einen Mandanten kürzer.

#Liefern Sie auch mobile Anwendungen?

Ich liefere Next.js für das Web. Native Apps sind nicht mein Schwerpunkt, React-Native-Projekte binde ich aber an, mit gemeinsamen TypeScript-Typen und API-Clients für die Next.js-Website und die App. Die meisten Kunden beauftragen für die App einen eigenen React-Native-Spezialisten und verbinden beide Seiten über eine gemeinsame API oder eine BFF-Schicht.

#Welche weiteren Leistungen gibt es in Nantes?

Die Next.js-Leistung in Nantes fügt sich mit drei angrenzenden Leistungen zusammen, die ich liefere:

• PHP Backend Entwickler, für Projekte, die ein Next.js Frontend mit einem Laravel- oder Symfony-Backend kombinieren. Next.js als BFF oder vollständiger Client, PHP als API und führendes System für die Daten.
• Astro Entwickler, für inhaltsfoermige Oberflächen (Marketingseiten, Blogs, Dokumentation), die vom Zero-JavaScript-by-Default-Modell Astros profitieren statt vom React-everywhere-Modell von Next.js.
• Headless WordPress, für redaktionsgetriebene Projekte, in denen WordPress als CMS bleibt und Next.js das öffentliche Frontend übernimmt.

#Wie startet man ein Next.js-Projekt in Nantes?

Senior-Next.js-Entwickler, verfügbar für B2B-Projekte. Vertragspartner mit Sitz in der EU, individuelles Angebot nach einer einstündigen Analyse. Schreiben Sie mir, worum es geht (Neuprojekt, Migration, Performance-Optimierung, Headless-Anbindung), welchen Stack Sie bei einer Migration ablösen und bis wann es fertig sein soll. Ich antworte an Werktagen (MEZ).