tanstack-start

Full-stack React apps with SSR and streaming are built using TanStack Start and TanStack Router to stream critical and deferred data from routes, improving perceived performance. This framework provides a cohesive structure for server functions and deployable routing.

Type-safe server functions for data fetching and mutations are implemented using createServerFn handlers. These RPC-style handlers include built-in validation and typed inputs to ensure end-to-end type safety for your data operations.

You can co-locate UI routes and server endpoints directly in route directories using TanStack Router. This router-driven approach allows you to manage API route creation alongside your UI components within the same file structure.

TanStack Start supports optional middleware composition for implementing auth guards and route protection. Middleware can be applied to server functions and routes to secure data fetching and manage user access control.

Deploying a full-stack React app using Nitro presets requires configuring an app.config.ts file for your hosting platform. This setup enables deployment portability with minimal platform changes to the underlying server configuration.

The best way to handle data mutations in a TanStack Router application is by using validated createServerFn handlers. This approach provides RPC-style mutations with typed inputs, ensuring data integrity and type safety across the full stack.