TanStack Start Überblick

TanStack Start ist ein Full-Stack-React-Framework, das von TanStack Router angetrieben wird. Es bietet vollständiges Dokumenten-SSR, Streaming, Serverfunktionen, Bundling und mehr. Dank Vite ist es bereit, auf jedem gewünschten Hosting-Anbieter oder jeder Runtime entwickelt und bereitgestellt zu werden!

TanStack Router ist ein leistungsstarkes, typsicheres und voll funktionsfähiges Routing-System für React-Anwendungen. Es wurde entwickelt, um die anspruchsvollsten Full-Stack-Routing-Anforderungen mit Leichtigkeit zu bewältigen. TanStack Start baut auf dem Typsystem von Router auf, um typsichere Full-Stack-APIs bereitzustellen, die Sie auf der Überholspur halten.

Was Sie mit TanStack Router erhalten

• 100% abgeleitete TypeScript-Unterstützung
• Typsichere Navigation
• Verschachteltes Routing und pfadlose Layout-Routen
• Integrierte Routen-Loader mit SWR-Caching
• Entwickelt für Client-seitige Daten-Caches (TanStack Query, SWR, etc.)
• Automatische Routen-Vorabladung
• Asynchrone Routen-Elemente und Fehlergrenzen
• Datei-basierte Routengenerierung
• Typsichere JSON-first Search Params State Management APIs
• Schema-Validierung für Pfade und Suchparameter
• Suchparameter-Navigations-APIs
• Unterstützung für benutzerdefinierte Suchparameter-Parser/Serialisierer
• Suchparameter-Middleware
• Middleware für Routenabgleich/-ladung

Was Sie mit TanStack Start erhalten

• Vollständiges Dokumenten-SSR
• Streaming
• Serverfunktionen / RPCs
• Bundling
• Bereitstellung
• Full-Stack-Typsicherheit

Zusammenfassend lässt sich sagen, dass Sie TanStack Router für clientseitiges Routing und TanStack Start für Full-Stack-Routing verwenden sollten.

TanStack Start verwendet Vite, um Ihre Anwendung zu bündeln und bereitzustellen, und ermöglicht erstaunliche Funktionen wie

• Bereitstellung einer einheitlichen API für SSR, Streaming und Hydration
• Extrahieren von nur auf dem Server lauffähigem Code aus Ihrem clientseitigen Code (z.B. Serverfunktionen)
• Bündeln Ihrer Anwendung zur Bereitstellung auf jedem Hosting-Anbieter

TanStack Start ist perfekt für Sie, wenn Sie eine Full-Stack-React-Anwendung mit den folgenden Anforderungen erstellen möchten

• Vollständiges Dokumenten-SSR & Hydration
• Streaming
• Serverfunktionen / RPCs
• Full-Stack-Typsicherheit
• Robustes Routing
• Umfangreiche clientseitige Interaktivität

TanStack Start ist nichts für Sie, wenn

• Ihr Ziel eine serverseitig gerenderte Website mit null JS oder minimaler clientseitiger Interaktivität ist
• Sie nach einem React-Server-Component-first Framework suchen. (Wir werden RSCs bald in unserem eigenen großartigen Stil unterstützen!)

TanStack arbeitet eng mit seinen Partnern zusammen, um die bestmögliche Entwicklererfahrung zu bieten und gleichzeitig Lösungen anzubieten, die überall funktionieren und von Branchenexperten geprüft wurden. Jeder unserer Partner spielt eine einzigartige Rolle im TanStack-Ökosystem

• Netlify Die führende Hosting-Plattform für Webanwendungen, die eine schnelle, sichere und zuverlässige Umgebung für die Bereitstellung Ihrer Webanwendungen bietet. Wir arbeiten eng mit Netlify zusammen, um sicherzustellen, dass TanStack Start-Anwendungen nicht nur nahtlos auf deren Plattform bereitgestellt werden, sondern auch Best Practices für Leistung, Sicherheit und Zuverlässigkeit implementieren, unabhängig davon, wo Sie sie letztendlich bereitstellen.
• Neon Eine serverseitige, automatisch skalierende Postgres-Lösung, die speziell für moderne Full-Stack-Apps entwickelt wurde. Neon bietet zahlreiche Integrationsmöglichkeiten mit TanStack Start, einschließlich Serverfunktionen und datenbankgestütztem Routing. Gemeinsam vereinfachen wir die Datenbankerfahrung für Entwickler, die TanStack nutzen.
• Clerk Die bestmögliche Authentifizierungserfahrung für moderne Webanwendungen, einschließlich TanStack Start-Anwendungen. Clerk bietet TanStack Start-Benutzern erstklassige Integrationen und Lösungen für die Authentifizierung und arbeitet eng mit dem TanStack-Team zusammen, um sicherzustellen, dass TanStack Start APIs bereitstellt, die mit den neuesten Best Practices für die Authentifizierung auf dem neuesten Stand sind.
• Convex Eine serverlose Datenbankplattform, die sich nahtlos in TanStack Start integriert. Convex wurde entwickelt, um die Verwaltung der Daten Ihrer Anwendung zu vereinfachen und bietet ein Echtzeit-, skalierbares und transaktionales Backend, das gut mit TanStack Start-Anwendungen funktioniert. Convex arbeitet auch eng mit dem TanStack-Team zusammen, um sicherzustellen, dass TanStack Start APIs bereitstellt, die mit den neuesten Best Practices für Datenbanken auf dem neuesten Stand sind.
• Sentry Eine leistungsstarke, voll funktionsfähige Beobachtbarkeitsplattform, die sich nahtlos in TanStack Start integriert. Sentry hilft Entwicklern, Fehler in Echtzeit zu überwachen und zu beheben und bietet Einblicke in die Leistung und Fehlerverfolgung Ihrer Anwendung. Sentry arbeitet eng mit dem TanStack-Team zusammen, um sicherzustellen, dass TanStack Start APIs bereitstellt, die mit den neuesten Best Practices für Beobachtbarkeit auf dem neuesten Stand sind.
• Prisma Überspringen Sie die Datenbank-Einrichtung, kommen Sie zum Bauen. Prisma Postgres stellt produktionsbereite Postgres-Datenbanken in Sekunden bereit – keine Ressourcenkonfiguration, keine Infrastrukturplanung, keine nächtlichen Debugging-Sessions „Warum ist mein Connection Pool voll?“. Verbinden Sie einfach Ihre TanStack-App und beginnen Sie mit dem Bauen von wichtigen Features.

Fahren Sie mit der nächsten Seite fort, um zu erfahren, wie Sie TanStack Start installieren und Ihre erste App erstellen!