---
title: 'Deep Dive into TanStack Start & React Server Components'
description: 'How TanStack Start leverages RSC for optimal streaming performance and developer ergonomics.'
subtitle: 'Streaming, server functions, and type-safe routing combined.'
date: '2026-07-14'
lang: 'en'
---

TanStack Start represents a fresh take on full-stack React frameworks, built on top of the battle-tested TanStack Router.

## Why TanStack Start?

TanStack Start decouples routing and data fetching concerns, offering first-class SSR, streaming, and server actions.

### Core Architecture

- **Full-stack Type Safety**: Route parameters, query parameters, and loader data are strictly typed end-to-end.
- **RSC Integration**: Server components can stream HTML directly to the client without client-side bundle overhead.

```tsx
import { createFileRoute } from '@tanstack/react-router'
import { createServerFn } from '@tanstack/react-start'

export const getStats = createServerFn({ method: 'GET' }).handler(async () => {
  return { views: 42000, stars: 1337 }
})

export const Route = createFileRoute('/stats')({
  loader: () => getStats(),
  component: StatsPage,
})
```

With granular control over server/client boundaries, apps remain snappy regardless of dataset size.