Webentwicklung mit Next.js und React

Danijel Balog
Von Danijel Balog
Gründer, Fragon Studios

Websites, Portale und Webanwendungen mit dem modernen React-Stack. DSGVO-konformes Hosting bei Hetzner in Deutschland.

Mehr als eine Website

Websites und Webanwendungen mit Next.js 16 erreichen bei Fragon Studios typische LCP-Werte unter 2 Sekunden; Websites auf Next.js und React kosten 2026 zwischen 6.000 und 40.000 Euro, komplexe Webanwendungen mehr. Website oder Webanwendung? Die Grenze ist fließend, die Kosten sind es nicht. Eine Marketing-Site mit Kontaktformular, einem Blog und einer Referenz-Sektion ist in zwei bis drei Wochen fertig. Eine Webanwendung mit Login, Rollen, Daten-Flows und Backend ist ein Softwareprojekt; Aufwand und Komplexität entsprechen eher einer internen Businessanwendung. Wir sagen nach dem ersten Gespräch ehrlich, in welcher Kategorie Ihr Projekt tatsächlich liegt. Core Web Vitals sind kein Marketing-Thema, sondern harte Ranking-Signale bei Google. Wir bauen auf konkrete Zielwerte hin: LCP unter 2,5 Sekunden, INP unter 200 Millisekunden, CLS unter 0,1. Das erreichen wir durch Server Components, gezieltes Lazy-Loading, Bild-Optimierung über next/image und aggressives HTTP-Caching auf unseren Hetzner-Servern. Pflege und Redaktion: Drei Modelle. Erstens unser eigenes CMS, wenn Sie einfache Inhalte selbst pflegen wollen. Zweitens Headless CMS wie Contentful oder Sanity, wenn ein Redaktionsteam arbeitet. Drittens Developer-gepflegt, wenn Inhalte sich kaum ändern. Jede Variante hat einen anderen Kostenpunkt im Betrieb; wir helfen bei der ehrlichen Abwägung. Deployment läuft über Docker auf Fragon Cloud in Nürnberg. Alternative Regionen in Falkenstein oder Helsinki sind möglich, wenn Latenz zu Ihren Nutzern das erfordert.

LCP unter 2 Sekunden

Server Components, optimiertes Bild-Delivery und HTTP-Caching. Messbar gute Core Web Vitals, kein Marketing-Versprechen.

Inhalte selbst pflegen

Unser CMS oder ein Headless-CMS Ihrer Wahl. Sie aktualisieren Seiten und Artikel ohne Entwickler.

SEO-Basis von Anfang an

Strukturierte Daten, saubere Meta-Tags, korrekte hreflang- und Canonical-Strategie. Nachjustierung nach 1 bis 3 Monaten auf Basis echter Daten.

So entsteht Ihre Website

Transparent, agil und zielgerichtet zum Erfolg.

1

Erstgespräch

Wir klären Ziele, Zielgruppen und technische Anforderungen. Danach bekommen Sie ein klares Angebot mit Sprint-Plan.

2

Design

Wir gestalten ein durchgängiges Design-System in Figma. Sie sehen vorab, wie alles aussehen wird, und können früh korrigieren.

3

Entwicklung

Wir setzen das Design in Next.js und React um und verdrahten es mit Backend oder CMS. Wöchentliche Demos auf Staging.

4

Go-Live und Betrieb

Launch auf Fragon Cloud mit SSL, Backups, Monitoring. SEO-Feintuning in den ersten drei Monaten auf Wunsch, Wartung optional.

Technische Standards

Next.js 16 und React 19
Eigenes CMS oder Headless CMS (Contentful, Sanity)
Hosting auf Fragon Cloud bei Hetzner (Nürnberg, Falkenstein, Helsinki)
Durchgängiges Design-System statt Baukasten-Bausteine
Deployment in mehreren europäischen Rechenzentren für niedrige Latenz

Typische Projekte

Vier wiederkehrende Web-Projekte. Keine vollständige Liste, sondern ein Gefühl für die Bandbreite.

DACH-Marketing-Site mit Headless-CMS

Problem: Ein B2B-Anbieter braucht eine schnelle, mehrsprachige Marketing-Site, die das Marketing-Team selbst pflegen kann ohne Entwicklungsticket.

Lösung: Vier bis sechs Wochen Next.js-Site mit Headless-CMS (Sanity oder Strapi), DE/EN-Lokalisierung, LCP unter zwei Sekunden, Hosting auf Fragon Cloud.

Internes Dashboard mit Auth und Rollen

Problem: Ein Operations-Team braucht eine zentrale Sicht auf KPIs aus drei Datenquellen, derzeit jeden Morgen manuell aus Excel zusammengeklickt.

Lösung: Sechs bis acht Wochen Web-Dashboard mit SSO-Login, rollenbasierter Sicht, Live-Charts und Export, Anbindung an die bestehenden APIs.

Kundenportal mit Stripe-Integration

Problem: Ein Service-Anbieter rechnet manuell ab und will Bestandskunden ein Self-Service-Portal mit Rechnungen, Vertragsdaten und Plan-Upgrade geben.

Lösung: Acht bis zwölf Wochen Portal mit Stripe-Subscriptions, Webhook-getriebenem Status-Sync, DSGVO-konformer Logging-Strategie und Admin-Backend für Support.

Dokumentations-Site mit MDX

Problem: Ein technisches Produkt hat Doku in Confluence; Entwickler-Kunden suchen die Inhalte aber via Google und finden sie schlecht.

Lösung: Drei bis fünf Wochen MDX-basierte Doku-Site mit voller Suche, Code-Highlighting, Versionierung pro Produkt-Release und sauberer SEO-Struktur.

Was eine Webanwendung kostet

Die Spannweite ist groß, weil 'Website' viel bedeuten kann. Die untenstehenden Richtwerte decken Marketing-Sites, mittlere Webanwendungen und komplexe Plattformen ab. Hosting ist nicht inkludiert, aber Teil des Angebots und transparent ausgewiesen.

Richtwerte für Österreich und Deutschland 2026. Hosting wird separat nach Ressourcen-Verbrauch berechnet.
UmfangPreisbereichDauerTypischer Einsatz
Marketing-Site4.500-8.000 €2-3 WochenLandingpage, Firmenwebsite, Portfolio mit Kontaktformular
Mittlere Webanwendung15.000-40.000 €4-12 WochenKundenportal, Booking-System, Marktplatz, internes Tool
Komplexe Webanwendung40.000 €+3-6 Monate+SaaS-Plattform, mehrstufige Anwendung, tiefe System-Integration

Häufige Fragen

Marketing-Sites beginnen bei 4.500 Euro und liegen typisch zwischen 5.000 und 8.000 Euro. Mittlere Webanwendungen bewegen sich im Bereich 15.000 bis 40.000 Euro. Darüber sprechen wir von SaaS-Plattformen und komplexen Portalen, die deutlich mehr Aufwand bedeuten.