Drei Optionen für ein React-Projekt
Next.js, TanStack Start und Vite erfüllen unterschiedliche Anforderungen an Rendering, Navigation und Deployment. Mit diesen Kriterien vergleichen wir sie.
Next.js: Referenz für SEO und Inhalte
Next.js 16, im Oktober 2025 veröffentlicht und standardmässig mit stabilem Turbopack, ist weiterhin das reifste und am weitesten verbreitete Full-Stack-React-Framework. Seine Stärke sind Server Side Rendering (SSR), React Server Components und statische Generierung, die sofort indexierbares HTML erzeugen.
Wann wir Next.js wählen:
- Marketing-Website, Blog, E-Commerce oder öffentliche SaaS-Landingpage – jedes Projekt, bei dem SEO das Wachstum vorantreibt. Google erhält vollständiges HTML statt eines JavaScript-Gerüsts.
- Wenn ein integriertes Ökosystem und etablierte Muster für Authentifizierung, CMS und Deployment gefragt sind.
- Für optimales Hosting auf Vercel, aber auch für Deployment an anderen Orten, einschliesslich Infomaniak in der Schweiz.
Diese Website selbst ist mit Next.js gebaut.
TanStack Start: typisierte Routen und Server Rendering
TanStack Start ist derzeit ein Release Candidate: Seine Funktionen gelten als vollständig und seine API als stabil, dennoch ist die übliche Vorsicht vor einem endgültigen Release angebracht.
Was überzeugt:
- Durchgängige Typsicherheit. Aufbauend auf TanStack Router bietet es vollständige Typisierung zur Compile-Zeit für Routen, URL- und Query-Parameter sowie Navigation. Fehler werden beim Kompilieren erkannt, nicht erst im Produktivbetrieb.
- Vite-Build. Die gesamte Pipeline läuft über Vite: sofortiger Start und HMR, das auch in grossen Projekten schnell bleibt.
- Explizite Kontrolle. Während Next.js viel Verhalten hinter Konventionen verbirgt, macht TanStack Start Loader, Cache und Middleware im Code sichtbar.
- Flexibles Deployment. Standard-Node-Ausgabe läuft ohne Sonderfälle auf Cloudflare, Netlify, AWS, Fly, Railway oder eigenen Servern.
Standardmässig rendert TanStack Start die erste Anfrage serverseitig und verhält sich bei weiterer Navigation wie eine SPA.
Wann wir es wählen: für hochinteraktive, clientlastige Apps, Teams mit TanStack Query oder einen echten Bedarf an flexibel wählbarem Deployment.
Vite: wenn der Client genügt
Nicht jedes Projekt braucht SSR. Für ein Dashboard, Backoffice, internes Werkzeug oder eine Anwendung hinter Authentifizierung hat SEO keinen Wert – Google crawlt keine eingeloggten Seiten. Dann ist eine saubere SPA mit Vite und React Router oft die beste Wahl.
Warum:
- Sofortiges HMR und Starten: Der Produktivitätsgewinn im Alltag grosser Codebasen ist real und zählt umso mehr, wenn KI-Agenten in kurzen Schleifen arbeiten.
- Schlankere Produktions-Bundles.
- Weniger Komplexität: keine Serverebene für eine Funktion, die Sie nicht nutzen.
Bei B2B-SaaS, dessen Hauptnutzung hinter einem Login stattfindet, ist SSR oft ein Aufwand ohne Nutzen – die Navigationsgeschwindigkeit der SPA ist, was Nutzende tatsächlich spüren.
Unsere Entscheidungstabelle
| Frage | Tendenz |
|---|---|
| SEO fördert mein Wachstum mit öffentlichen Inhalten? | **Next.js** |
| Hochinteraktive App, flexibles Deployment und bereits TanStack Query? | **TanStack Start** |
| Internes Werkzeug, Dashboard oder App hinter Auth ohne SEO-Bedarf? | **Vite + React Router** |
| Ich möchte das reifste Ökosystem und die meisten fertigen Muster? | **Next.js** |
| Ich möchte explizite Kontrolle und vollständige Routentypisierung? | **TanStack Start** |
Unsere Position bei Appik
Next.js bleibt unsere Standardwahl, weil die meisten Kundenprojekte eine öffentliche Dimension haben, bei der SEO zählt, und weil seine Reife Risiken reduziert. Wir sind jedoch nicht dogmatisch: Für ein internes Werkzeug wählen wir oft Vite und verfolgen TanStack Start für stark interaktive Anwendungen genau.
Sie denken über ein Webprojekt nach? Sprechen wir darüber – wir helfen Ihnen, von Anfang an die passende Architektur zu wählen.
Entdecken Sie unsere Webentwicklung mit React und Next.js.
Swiss Made Software
