Logo von nextlevels
Projekt anfragen
Projekt anfragen

TanStack Agentur Typsichere React-Apps

Wir bauen Web-Apps, Portale und Admin-Oberflächen mit TanStack – mit demselben Stack, auf dem unser eigenes CMS next-cms läuft.

Projekt anfragen Kontakt aufnehmen
TanStack

Läuft bei uns auf TanStack

  • next-cms

    Unser CMS-Framework: Admin auf Router, Query, Table und Virtual

  • NEXT Orbit

    Unser CRM, gebaut auf next-cms

  • Kumho Tire App

    React-Native-App, Inhalte über TanStack Query

Downloads pro Woche
177 Mio.
GitHub-Sterne
129.000+
Lizenz, keine Bezahlstufen
MIT

Zahlen laut tanstack.com, Stand 4. Oktober 2026.

Was TanStack ist – in zwei Minuten

TanStack ist kein Ersatz für React, sondern eine Familie von Open-Source-Bibliotheken für die Aufgaben, die React bewusst offenlässt: Daten vom Server laden und aktuell halten, Routen und URLs typisieren, große Tabellen und Listen bedienbar machen, Formulare prüfen. Mit TanStack Start kommt ein Full-Stack-Framework dazu, das seit September 2025 als Release Candidate für Version 1 vorliegt.

Für dich als Entscheider zählen drei Eigenschaften. Die Bibliotheken sind headless: Sie bringen Logik, aber keine fertige Optik mit – dein Design bleibt deins. Sie sind durchgehend in TypeScript typisiert, sodass der Compiler bei jedem Umbau die betroffenen Stellen zeigt. Und sie stehen unter MIT-Lizenz, ohne Bezahlstufen.

Ob Start oder Next.js besser zu deinem Projekt passt, klären wir weiter unten. Die ausführliche Einordnung aller Bibliotheken steht in unserem Blogartikel Was ist TanStack?

Drei Entwickler von nextlevels besprechen ein Projekt am Laptop

Das TanStack-Ökosystem

tanstack.com führt 18 Bibliotheken. Diese hier decken den Großteil echter Projekte ab, sortiert nach der Schicht, in der sie arbeiten. Wähle eine Bibliothek für Details. Den Reifegrad geben wir so an, wie TanStack ihn selbst ausweist – Stand 2. Oktober 2026.

Oberfläche

Was deine Nutzer sehen und bedienen

TanStack Table

Headless Tabellenlogik: sortieren, filtern, gruppieren, paginieren, Zeilen auswählen. Markup und Design kommen von dir, die Mechanik kommt von Table.

Stabil, v9 seit 08/2026 · bei uns: Datentabellen im next-cms-Admin (v8)

Tabellen und Formulare lesen und ändern Daten über Query

Daten & Zustand

Was der Browser weiß und zwischenspeichert

Query lädt über Server-Funktionen von Start oder direkt per fetch

Routing & Server

Wie Seiten, URLs und Daten ankommen

Server-Funktionen und Loader sprechen mit deinem Backend

Dein Backend

Kein TanStack: REST, GraphQL, tRPC oder direkt die Datenbank. Bei next-cms ist es ein NestJS-Backend.

100.000 Zeilen, live in deinem Browser

So fühlt sich TanStack Table mit Virtual an – dieselbe Kombination wie in den Datentabellen des next-cms-Admins. Sortiere eine Spalte oder such nach einem Kunden: Die Zeiten misst dein Browser selbst, und der Zähler „Im DOM“ zeigt, wie wenige Zeilen tatsächlich gezeichnet werden.

Erfundene Bestelldaten, erzeugt, sortiert und gefiltert komplett in deinem Browser.

Start oder Next.js?

Wir bauen mit beidem – diese Website läuft auf Next.js. Fünf Fragen zu deinem Vorhaben, und du siehst, wohin es eher zeigt und warum. Die Gewichtung folgt unserer Abwägungstabelle darunter.

Frage 1 von 5

Was hast du vor?

Alle Abwägungen als Tabelle – auch Query oder SWR, Table oder AG Grid

Wann TanStack Start – und wann Next.js?

Wir arbeiten mit beidem, diese Website läuft zum Beispiel auf Next.js. Entscheidend ist das Projekt, nicht der Geschmack. So wägen wir ab – auch bei Query und Table:

EntscheidungEher TanStackEher die Alternative
Start oder Next.js: ProjektartStart, wenn du eine App mit viel Interaktion baust – Portal, Dashboard, Konfigurator – und Filter und Zustände typisiert in der URL stehen sollen.Next.js, wenn ein inhaltsgetriebener Auftritt oder Shop im Mittelpunkt steht, React Server Components den größten Hebel haben und du viele fertige Integrationen für CMS, Commerce und Login brauchst.
Start oder Next.js: Team und ReifeStart, wenn dein Team explizite Datenflüsse statt Framework-Konventionen will und mit einem jüngeren Ökosystem leben kann – Start ist noch Release Candidate.Next.js, wenn das Team Next.js schon kennt, das Produkt viele Jahre mit wechselnden Entwicklern laufen soll und du die größte Auswahl an Beispielen und Fachkräften willst.
Start oder Next.js: HostingStart, wenn du beim Hosting frei bleiben willst: Node, Bun, Vercel, Netlify, Cloudflare Workers und weitere Ziele sind dokumentiert. Wir selbst hosten auf Coolify.Next.js, wenn du ohnehin bei Vercel hostest und dessen Plattformfunktionen nutzen willst. Selbst betrieben läuft Next.js auch, mit etwas mehr Aufwand im Betrieb.
Query oder SWRQuery, wenn viel geschrieben wird und du gezielte Invalidierung, Paginierung, abbrechbare Requests oder Offline-Fälle brauchst.SWR, wenn die App überwiegend liest und Caching mit Revalidierung reicht – dann genügt die kleinere Bibliothek.
Query oder RTK QueryQuery, wenn Redux nur noch für Serverdaten da ist. Dann fällt Redux mit Query oft ganz weg.RTK Query, wenn die App Redux Toolkit ohnehin intensiv nutzt – dann ist die eingebaute Lösung konsequenter als eine zweite Bibliothek.
Table oder AG GridTable, wenn du ein eigenes Design-System hast und volle Kontrolle über Markup und Barrierefreiheit willst, ohne Lizenzkosten.AG Grid, wenn du Excel-artige Grids mit fertigen Funktionen wie Pivot oder Bereichsauswahl brauchst und Funktionsumfang vor eigenem Design geht. Diese Enterprise-Funktionen kosten bei AG Grid Lizenzgebühren.

Stand 2. Oktober 2026, Reifegrade laut tanstack.com. Die Tabelle ersetzt keine Architekturentscheidung – die treffen wir mit dir am konkreten Projekt.

Aus unseren Projekten

next-cms und NEXT Orbit

next-cms ist unser eigenes Full-Stack-CMS-Framework: Backend auf NestJS, Admin-Oberfläche in React auf TanStack Router und Query. Die Datentabellen laufen auf Table und Virtual, die Tastenkürzel auf Hotkeys. Auf next-cms baut auch NEXT Orbit auf, unser CRM für Kunden, Projekte, Monitoring und Formulare.

Kumho Tire Europe App

Die App von Kumho Tire Europe ist mit Expo und React Native gebaut. TanStack Query lädt die Inhalte aus dem neuen next-cms-Backend und hält sie zwischen zwei App-Starts im Cache – beim Öffnen sind Daten sofort da und werden im Hintergrund aktualisiert.

Zum Projekt: Kumho Tire Europe App

Diese Website und Kunden-Websites

next-levels.de lädt Daten über tRPC und TanStack Query. Für mehrere Kunden haben wir Websites mit TanStack Start umgesetzt, je nach Seite mit serverseitigem Rendern oder Prerendering – darunter ein Vergleichsportal, der Relaunch einer Werkstatt-Website mit Fokus auf Anfragen und eine Kampagnen-Landingpage. Die Namen bleiben hier anonym.

Spaltenfilter „Status“ in einer Datentabelle im next-cms-Admin

Was wir mit TanStack für dich bauen

Einzeln buchbar oder als Projekt. Und wenn ein anderer Stack besser passt, sagen wir es dir vorher.

  • Neuentwicklung mit Start

    Web-Apps und Portale auf TanStack Start: typisierte Routen, Server-Funktionen statt eigener API-Schicht für das Frontend, SSR oder Prerendering je nach Seite.

  • Migration auf Query und Start

    Selbst geschriebener Fetch-Code, Redux oder SWR wandern Modul für Modul zu Query. Next.js- oder Create-React-App-Projekte ziehen wir bei Bedarf schrittweise auf Start um. Die App bleibt dabei auslieferbar.

  • Admin-Oberflächen und große Tabellen

    Datentabellen mit Filtern, Sortierung und Paginierung auf Table und Virtual – dieselbe Kombination, die im next-cms-Admin läuft.

  • Formulare und Konfiguratoren

    Mehrstufige Formulare und Produktkonfiguratoren mit TanStack Form: Validierung im Browser und auf dem Server, Preise und Verfügbarkeiten live über Query.

  • Code-Review und Architektur-Workshop

    Wir sehen uns deine Codebasis an – Query-Keys, Cache-Regeln, Routing, Datenflüsse – und du bekommst eine priorisierte Liste, was sich lohnt und was nicht.

  • Wartung und Security-Updates

    Wir halten Abhängigkeiten aktuell und reagieren auf Sicherheitshinweise. Beispiel: Am 30. September 2026 hat TanStack eine kritische XSS-Lücke in den Server-Funktionen von Start geschlossen (CVE-2026-102989, behoben ab @tanstack/react-start 1.168.60). Solche Updates spielen wir getestet ein.

So läuft ein Projekt ab

Was ein Projekt kostet und wie lange es dauert, hängt vom Umfang ab. Eine erste Spanne liefert dir unser Projekt-Rechner, verbindlich wird es mit dem Angebot nach dem Workshop.

  1. Erstgespräch

    Du schilderst Ziel, Nutzer und vorhandene Systeme. Wir sagen dir direkt, ob TanStack passt oder ob Next.js oder eine fertige Lösung der bessere Weg ist.

  2. Architektur-Workshop

    Wir legen Datenmodell, Routen, Cache-Regeln und Hosting fest und schneiden den Umfang in Pakete. Daraus entsteht das Angebot.

  3. Umsetzung in Iterationen

    Wir liefern in kurzen Schritten auf eine Testumgebung, du siehst jeden Stand. Typen, Tests und Code-Review gehören zu jedem Schritt.

  4. Livegang und Betrieb

    Wir bringen die App auf deine Infrastruktur oder richten dir Coolify auf eigenen Servern ein. Danach kümmern wir uns auf Wunsch um Updates und Monitoring.

Zum Projekt-Rechner

Häufige Fragen zu TanStack

Deine Frage ist nicht dabei? Frag uns direkt

Was ist TanStack?
TanStack ist eine Familie von Open-Source-Bibliotheken für Web-Apps: Query lädt und cacht Serverdaten, Router typisiert Routen und URLs, Table und Virtual machen große Tabellen bedienbar, Form prüft Formulare. Start ist das Full-Stack-Framework dazu und liegt seit September 2025 als Release Candidate vor. Alle Bibliotheken sind headless und stehen unter MIT-Lizenz.
Ist TanStack Start produktionsreif?
Formal ist Start ein Release Candidate: TanStack hat den RC für Version 1 am 23. September 2025 veröffentlicht und ihn als den Build beschrieben, der als 1.0 erscheinen soll. Breaking Changes werden seitdem dokumentiert. Wir setzen Start bereits für mehrere Kunden-Websites produktiv ein – mit festen Versionen, Tests und Updates nach Changelog. Für ein großes Produkt, an dem viele Teams über Jahre arbeiten, prüfen wir mit dir, ob Next.js die ruhigere Wahl ist (Stand 2. Oktober 2026).
Wie gut ist TanStack Start für SEO?
Start rendert Seiten auf dem Server, auf Wunsch mit Streaming, oder erzeugt sie beim Build als statisches HTML. Suchmaschinen und KI-Crawler bekommen damit fertiges HTML statt einer leeren Seite mit JavaScript. Meta-Tags, strukturierte Daten und Sitemaps legen wir pro Route an. Reine Single-Page-Apps ohne Server-Rendering empfehlen wir nur für Bereiche hinter einem Login.
Lässt sich eine bestehende App schrittweise umstellen?
Ja. Query führen wir Endpunkt für Endpunkt ein, ohne den Rest anzufassen. Beim Wechsel von Next.js oder Create React App zu Start ziehen wir zuerst einen klar abgegrenzten Bereich um, etwa das Kundenportal, und lassen alten und neuen Teil über das Routing nebeneinander laufen. Die App bleibt in jeder Phase auslieferbar.
Wer steht hinter TanStack – und ist das ein Risiko?
TanStack wird von der TanStack LLC um Gründer Tanner Linsley unabhängig betrieben und über Partnerschaften finanziert, unter anderem mit Vercel, Netlify, Cloudflare und Sentry. Laut tanstack.com kommen die Pakete auf rund 177 Millionen Downloads pro Woche und gut 129.000 GitHub-Sterne (Stand 2. Oktober 2026). Das größere Risiko ist das Tempo: Neue Hauptversionen wie Table v9 erscheinen regelmäßig, Updates gehören deshalb fest in die Wartung.
Was kostet ein TanStack-Projekt?
Das hängt vom Umfang ab: Zahl der Bereiche und Nutzerrollen, Schnittstellen zu bestehenden Systemen, Datenmengen und Anforderungen an Tabellen und Formulare. Eine erste Spanne liefert dir unser Projekt-Rechner, ein verbindliches Angebot bekommst du nach dem Architektur-Workshop. Der kleinste Einstieg ist ein Code-Review deiner bestehenden App.

Quellen

Stand: Oktober 2026

Weiterlesen und prüfen

Bereit für dein TanStack-Projekt?

Lass uns über deine Anforderungen sprechen – wir melden uns innerhalb von 24 Stunden mit konkreten nächsten Schritten.

Profilbild von Paul Kalisch, Executive Partner
Paul Kalisch
Executive Partner
info@next-levels.de +49 (0) 2161 539 71 60

TanStack Data & Insights

Alle Beiträge

Passende Leistungen

Verwandte Technologien

Alle Technologien