Tanstack is a Full-Stack React framework that integrates Server-Side rendering (SSR), Streaming, and Server functions. It uses TanStack Router and offers file-based routing, data fetching, and server functions for backend logic.
TanStack leverages TanStack Router to handle routing and integrates server-side rendering, streaming, and server functions
Key Features of TanStack Start include:
1. File-based Routing:
Routes are automatically generated based on the file structure within the routes folder
2. Loaders:
Loaders are functions attached to routes that fetch data before the page renders, running on both the server and client. Loaders work with React Query for caching and data fetching.
3. Server Functions:
These functions execute only on the server, allowing for secure access to sensitive data and backend operations. They are invoked from hooks, loaders, components, and other server functions.
4. Server Routes & API Routes:
It builds backendendpoints alongside your frontend
5. Type Safety:
TanStack emphasizes type safety throughout the framework, supported by TypeScript
6. Integration with React Query
TanStack Start integrates with React Query for data fetching and caching.
Create a TanStack Start Project
Start a TanStack Project using TanStack CLI npm create @tanstack/start@latest
