Leitfaden

Next.js-Preisleitfaden (2026)

Veröffentlicht May 1, 2026 · 14 Min. Lesezeit · Aktualisiert May 7, 2026

Next.js ist kein Artikel im Regal – es ist eine Stack-Entscheidung, die auf Produktentscheidungen, CMS-Wahl, Auth-Modellen und darauf aufbaut, wie ernst Sie SEO und Barrierefreiheit nehmen. Seit 2008 liefern wir für nordamerikanische Kunden und sehen immer wieder zwei Fehlerbilder: den Preisschock, weil jemand eine Broschürenseite wie ein Bankenportal kalkuliert hat, oder ein günstiges Angebot, das Analytics, Rollen und den Produktionsbetrieb vergessen hat. Dieser Leitfaden zeigt, wie wir Preise in Vertriebsgesprächen erklären – mit Spannen, Einzelposten und den Stellen, an denen wir nicht so tun, als wäre die Rechnung einfach.

Warum jedes Next.js-Angebot wie von einem anderen Planeten klingt

Anbieter lügen nicht, wenn die Zahlen für „eine Next.js-App“ von fünf- auf siebenstellig schwanken. Sie beantworten unterschiedliche Fragen. Eine fünfseitige Marketing-Website mit Headless CMS ist nicht dasselbe Problem wie ein mandantenfähiges B2B-SaaS mit SSO, Audit-Trails und Abrechnungs-Engine – auch wenn auf beiden React steht.

Wir stecken den Umfang in drei Durchgängen ab: Discovery (was wir bauen), technische Architektur (wie es wartbar bleibt) und Liefermodell (wer Woche für Woche die Produktentscheidungen trifft). Überspringen Sie die Discovery, erhalten Sie entweder eine aufgeblähte Stundenschätzung oder ein Festangebot, das in der Change-Order-Hölle endet.

Wenn Ihr Briefing „genau wie die Marketing-Website von Vercel“ lautet, sagen Sie, was Sie meinen: Static-first, aggressives Caching, keine eigene Authentifizierung und ein CMS, das Ihr Marketing wirklich nutzen kann. Das ist ein anderes Tier als „genau wie Notion“.

Richtwert-Stufen (CAD, festpreisgeeignete Spannen)

Dies sind All-in-Build-Budgets für eine kompetente Agentur – Design, Frontend, API-Schicht, QA, Projektmanagement und eine saubere Übergabe. Sie setzen voraus, dass Sie bereits wissen, was Sie verkaufen; Strategie-Workshops kosten extra.

Verstehen Sie die breiten Spannen als „Komplexitätssteuer“: Integrationen, Compliance, Migration von Altdaten und Führungskräfte, die jeden Dienstag neue Anforderungen entdecken, schieben Sie ans obere Ende.

StufeTypische Gesamtkosten (CAD)Was üblicherweise enthalten ist
Marketing- / Content-Website$9k–$18kHeadless CMS, SEO-Grundlage, Formulare, Analytics-Hooks, Performance-Budget.
Produktmarketing + leichte App$22k–$45kAuthentifizierte Bereiche, Dashboards light, Stripe oder Ähnliches für eine Produktlinie.
B2B-SaaS-MVP$45k–$95kRollen und Berechtigungen, auditfreundliche Logs, Abrechnungs-Hooks, Admin-Konsole.
Produktions-SaaS (erstes Jahr)$120k–$280kMulti-Tenant-Härtung, Observability, DR-Konzept, Compliance-fähige Workflows.
Enterprise / regulierte Branchen$300k+Security-Review-Zyklen, Behebung von Pen-Test-Befunden, SSO-Varianten, Gespräche zur Datenresidenz.

Wohin das Geld fließt (Einzelposten in % der Gesamtsumme)

Sobald die Discovery den Umfang festlegt, übersetzen wir ihn in Budgetblöcke. Die Prozentsätze verschieben sich – wenn Sie zehn Jahre unordentlicher CRM-Daten importieren, wachsen Backend und Migration; wenn Sie auf Marketing-Conversion fixiert sind, wachsen UX und Frontend.

PostenTypischer Anteil am BudgetHinweise
Discovery & UX12–18%Journey Maps, Wireframes, Starter für die Komponentenbibliothek.
UI-Design / Designsystem15–22%Figma-Übergabe, Barrierefreiheitsspezifikationen für Muster.
Next.js-App & UI-Engineering22–35%App Router, Server Components, Edge- vs. Node-Abwägungen.
APIs & Integrationen15–28%FastAPI/Node, Webhooks, Drittanbieter-APIs, Queues.
Auth, Abrechnung, Admin8–18%Oft unterschätzt – Einladungen, Rollen, Impersonation, Exporte.
Infra & CI/CD5–10%Preview-Deployments, Secrets, Umgebungen – nicht „Tag 2“, sondern Woche 1.
QA, Performance, A11y-Durchgang8–14%Lasttests für Engpässe, die tatsächlich auftreten.
PM, Demos, Dokumentation10–15%Wöchentliche Demos, Runbooks – Teil von „fertig“, kein Extra.

Versteckte Kosten, die ehrliche Anbieter im Anhang aufführen

Das sind die Posten, die „billige“ Angebote sprengen: nachträgliche WCAG-orientierte Korrekturen, strukturierte Daten und OG-Hygiene für SEO, i18n, wenn der CEO im selben Quartal einen Launch in Kanada + UK ankündigt, CMS-Modellierung, wenn das Marketing „nur noch einen flexiblen Block“ möchte, und eine echte Berechtigungsmatrix, wenn aus „Admin“ fünf Rollen werden und die Rechtsabteilung Beobachter mit reinem Lesezugriff will.

Wir binden SEO- und Analytics-Grundlagen standardmäßig in Angebote ein; manche Agenturen behandeln Search Console und Sitemap-Generierung als Upsell in Phase zwei. So starten Sie etwas Schönes, das niemand findet.

  • Barrierefreiheits-Nachbesserungen nach dem Launch kosten mehr, als ab Woche zwei barrierefreie Komponenten zu bauen.
  • Kundenseitige Exporte (CSV/PDF) mit sinnvollen Standardwerten – Juristen legen Wert darauf, Ingenieure unterschätzen es.
  • Observability: Sentry, strukturierte Logs, Uptime-Checks – ohne sie raten Sie in der Produktion.

Stundensatz vs. Festpreis – wie wir tatsächlich arbeiten

Stundensätze sind ehrlich, wenn noch niemand weiß, was er will. Ein Festpreis funktioniert, sobald Abnahmekriterien existieren – idealerweise schriftlich festgehalten nach einem bezahlten Discovery-Abschnitt. Wir haben bei unklaren Spezifikationen Budget draufgelegt; heute bestehen wir auf einen Discovery-Meilenstein, bevor wir den Rest zusagen.

Mischsätze für „Toronto-PM + Entwicklung in Dhaka“ liegen bei uns für seniorlastige Teams grob bei 55–85 CAD/Stunde all-in – gegenüber etwa 140–220 bei reinen Toronto-Firmen mit vergleichbarer Seniorität. Der Unterschied ist kein Zauber, sondern Zeitzonen-Orchestrierung und Overhead, den Sie wirklich wollen (tägliche Standups, für die niemand um 3 Uhr morgens wach sein muss).

Wann wir Ihnen von Next.js abraten

Wenn Sie eine fünfseitige Broschüren-Website für 4.000 $ brauchen, gewinnen WordPress oder ein Static-Builder – daran besteht kein Zweifel. Wenn Ihr Kernprodukt ein riesiges Pivot-Grid mit Sekundenbruchteil-Updates über fünfzigtausend Zeilen ist, behalten wir Next vielleicht für das Marketing, setzen die App-Shell aber anderswo auf.

Wählen Sie den bodenständigen Stack für die Aufgabe; wählen Sie Next, wenn Ihnen SEO + modernes React + Deployment-Ergonomie für die kundenseitige Oberfläche wichtig sind.

Häufig gestellte Fragen

Warum ist mein Angebot nur halb so hoch wie das eines anderen für dieselbe „gleiche“ Next.js-App?

Meist unterscheiden sich die Definitionen von „fertig“: Ein Angebot geht nur vom „Happy Path“ aus, das andere umfasst Migrationen, Sonderfälle bei der Authentifizierung, Admin-Tools und Produktionsmonitoring. Bitten Sie beide Seiten um eine Tabelle mit Positionsspannen wie die obige.

Sollten wir Vercel nutzen oder selbst hosten?

Für die meisten unserer Kunden gewinnt Vercel oder eine Managed Platform bei der Geschwindigkeit — Entwicklerzeit kostet mehr als die Hosting-Marge, bis Sie sehr groß sind. Hosten Sie selbst, wenn Compliance oder Kostenoptimierung es verlangen, nicht weil DevOps nach Spaß klingt.

Wie lange dauert ein typisches SaaS-MVP?

Die Kalenderzeit beträgt für ein belastbares MVP mit einer Integrationsfläche und echten Rollen oft 10–18 Wochen — nicht zwei Wochen, es sei denn, Sie sind bereit, es wieder wegzuwerfen.

Ist Wartung enthalten?

Build-Verträge sind von Wartungsplänen getrennt. Rechnen Sie mit einem monatlichen Retainer oder Stundenkontingenten für Dependency-Upgrades, Sicherheitspatches und kleine Iterationen.

Können Sie unsere chaotische Codebasis übernehmen?

Ja, aber wir kalkulieren zuerst ein bezahltes Audit — wir waren schon in Repos, in denen „schnelle Fixes“ teurer waren als strategische Neuentwicklungen. Wir sagen Ihnen, welcher Fall bei Ihnen vorliegt.

Möchten Sie das auf Ihre Roadmap zugeschnitten haben?

Erzählen Sie uns, was Sie bauen — wir antworten innerhalb eines Werktags.

Kostenloses Strategiegespräch buchen