TanStack Start
Dev Time Performance
Measured using pnpm on GitHub Actions (ubuntu-latest, Node 24) based on the starter project set up by each framework's CLI.
| Prod Deps | Dev Deps | Size | Size (Prod Only) | Graph |
|---|---|---|---|---|
| 13 | 11 | 234.77MB | 201.89MB | View |
| Metric | Avg | Min | Max |
|---|---|---|---|
| Install | 3.32s | 2.47s | 4.41s |
| Cold Build | 8.43s | 7.98s | 9.49s |
| Warm Build | 8.22s | 8.06s | 8.31s |
Build output size: 2.05MB
Runtime Performance
SSR Performance
Measured on GitHub Actions (ubuntu-latest, Node 24) using custom SSR benchmark apps.
| Framework | Ops/sec | Avg Latency | Body Size | Duplication |
|---|---|---|---|---|
| Baseline HTML | 706 | 1.416ms | 96.81kb | 1x |
| TanStack Start | 188 | 5.331ms | 193.53kb | 2x |
Methodology
- Each framework renders a table of 1000 rows with two UUID columns
- Mock HTTP requests bypass TCP overhead for accurate rendering measurement
- Data is loaded asynchronously to simulate real-world data fetching
- Duplication factor indicates how many times each UUID appears in the response (1x = optimal, 2x = includes hydration payload)
- Benchmarks run for 10 seconds using tinybench
-
Astro, Nuxt, and SvelteKit handle Node.js HTTP requests natively. React
Router, SolidStart, and TanStack Start use Web APIs internally, so
benchmarks include the cost of their Node.js adapter layers (
@react-router/node, h3, and srvx respectively) -
Next.js defaults to React Server Components (RSC), a different rendering
model than traditional SSR. To keep the comparison fair, Next.js uses
"use client"to opt out of RSC and use traditional SSR + hydration like most of the other frameworks - Inspired by eknkc/ssr-benchmark