Dev Time Stats
Each starter project uses each meta-frameworks recommended setup via their CLI wizard or recommended setup from their docs. You can find the full details inside the Methodology: Project Setups.
Dependency Counts
Section titled “Dependency Counts”Methodology: Dependency Counts.
For dependency counts, we start by looking at the dependencies for the meta-framework package directly. For example, how many production, development and overall dependencies does `Nuxt` have? We then look at dependencies for the starter projects specifically. Looking at a project's dependencies is more realistic (like the `starter-*` projects) as meta-frameworks rarely just include the meta-framework package alone. It is also important to look at direct dependencies.Meta-framework Direct Package Counts
Section titled “Meta-framework Direct Package Counts”| Framework | Deps | Dev | Prod | Graph |
|---|---|---|---|---|
| Astro | 80 | 27 | 53 | View |
| Next.js | 229 | 223 | 6 | View |
| Nuxt | 68 | 11 | 57 | View |
| React Router | 51 | 23 | 28 | View |
| SolidStart | 29 | 4 | 25 | View |
| SvelteKit | 24 | 12 | 12 | View |
| TanStack Start | 8 | 0 | 8 | View |
Metaframework Dependencies
| Framework | Dependency count |
|---|---|
| TanStack Start | 8 |
| SvelteKit | 24 |
| SolidStart | 29 |
| React Router | 51 |
| Nuxt | 68 |
| Astro | 80 |
| Next.js | 229 |
The chart includes a dotted median reference line calculated from the visible framework values.
Metaframework Development Dependencies
| Framework | Dependency count |
|---|---|
| TanStack Start | 0 |
| SolidStart | 4 |
| Nuxt | 11 |
| SvelteKit | 12 |
| React Router | 23 |
| Astro | 27 |
| Next.js | 223 |
The chart includes a dotted median reference line calculated from the visible framework values.
Metaframework Production Dependencies
| Framework | Dependency count |
|---|---|
| Next.js | 6 |
| TanStack Start | 8 |
| SvelteKit | 12 |
| SolidStart | 25 |
| React Router | 28 |
| Astro | 53 |
| Nuxt | 57 |
The chart includes a dotted median reference line calculated from the visible framework values.
Starter Projects
Section titled “Starter Projects”| Framework | Deps Dev / Prod | All Deps | Dup. Deps | node_modules | Dep Install Size | Graph |
|---|---|---|---|---|---|---|
| Astro | 2 / 1 | 387 | 11 | 207.93MB | 186.65MB | View |
| Next.js | 6 / 3 | 421 | 12 | 560.04MB | 506.22MB | View |
| Nuxt | 2 / 3 | 694 | 63 | 208.80MB | 172.24MB | View |
| React Router | 9 / 6 | 269 | 9 | 116.15MB | 111.11MB | View |
| SolidStart | 1 / 6 | 227 | 8 | 124.34MB | 99.61MB | View |
| SvelteKit | 8 / 0 | 158 | 1 | 98.44MB | 101.18MB | View |
| TanStack Start | 11 / 13 | 424 | 14 | 234.77MB | 198.52MB | View |
Starter Project Dev Dependencies
| Framework | Dependency count |
|---|---|
| SolidStart | 1 |
| Astro | 2 |
| Nuxt | 2 |
| Next.js | 6 |
| SvelteKit | 8 |
| React Router | 9 |
| TanStack Start | 11 |
The chart includes a dotted median reference line calculated from the visible framework values.
Starter Project Production Dependencies
| Framework | Dependency count |
|---|---|
| SvelteKit | 0 |
| Astro | 1 |
| Next.js | 3 |
| Nuxt | 3 |
| React Router | 6 |
| SolidStart | 6 |
| TanStack Start | 13 |
The chart includes a dotted median reference line calculated from the visible framework values.
Starter Project Duplicate Dependencies
| Framework | Dependency count |
|---|---|
| SvelteKit | 1 |
| SolidStart | 8 |
| React Router | 9 |
| Astro | 11 |
| Next.js | 12 |
| TanStack Start | 14 |
| Nuxt | 63 |
The chart includes a dotted median reference line calculated from the visible framework values.
Node Modules Size
Section titled “Node Modules Size”Methodology: Node Modules Size.
Node modules size
| Framework | Megabytes |
|---|---|
| SvelteKit | 98.44 MB |
| React Router | 116.15 MB |
| SolidStart | 124.34 MB |
| Astro | 207.93 MB |
| Nuxt | 208.80 MB |
| TanStack Start | 234.77 MB |
| Next.js | 560.04 MB |
The chart includes a dotted median reference line calculated from the visible framework values.
Build and Install Times
Section titled “Build and Install Times”Methodology: Build and Install Times.
| Framework | Avg Install | Min Install | Max Install | Avg Cold Build | Avg Warm Build |
|---|---|---|---|---|---|
| Astro | 4.08s | 3.52s | 4.43s | 0.89s | 0.96s |
| Next.js | 7.15s | 3.96s | 9.74s | 5.36s | 5.29s |
| Nuxt | 6.30s | 4.70s | 7.04s | 4.07s | 4.01s |
| React Router | 1.33s | 1.22s | 1.51s | 1.71s | 1.68s |
| SolidStart | 2.24s | 1.46s | 3.78s | 2.84s | 2.72s |
| SvelteKit | 1.63s | 1.40s | 1.79s | 1.93s | 1.74s |
| TanStack Start | 5.07s | 2.08s | 6.27s | 5.65s | 5.44s |
Avg install time
| Framework | Seconds |
|---|---|
| React Router | 1.33s |
| SvelteKit | 1.63s |
| SolidStart | 2.24s |
| Astro | 4.08s |
| TanStack Start | 5.07s |
| Nuxt | 6.30s |
| Next.js | 7.15s |
The chart includes a dotted median reference line calculated from the visible framework values.
Cold build time
| Framework | Seconds |
|---|---|
| Astro | 0.89s |
| React Router | 1.71s |
| SvelteKit | 1.93s |
| SolidStart | 2.84s |
| Nuxt | 4.07s |
| Next.js | 5.36s |
| TanStack Start | 5.65s |
The chart includes a dotted median reference line calculated from the visible framework values.
Warm build time
| Framework | Seconds |
|---|---|
| Astro | 0.96s |
| React Router | 1.68s |
| SvelteKit | 1.74s |
| SolidStart | 2.72s |
| Nuxt | 4.01s |
| Next.js | 5.29s |
| TanStack Start | 5.44s |
The chart includes a dotted median reference line calculated from the visible framework values.
Dev Server Startup
Section titled “Dev Server Startup”Methodology: Dev Server Startup.
| Framework | Avg Start | Min Start | Max Start |
|---|---|---|---|
| Astro | 1.56s | 1.50s | 1.61s |
| Next.js | 2.56s | 2.36s | 2.69s |
| Nuxt | 2.74s | 2.60s | 3.00s |
| React Router | 0.84s | 0.81s | 0.88s |
| SolidStart | 2.96s | 2.90s | 3.02s |
| SvelteKit | 1.23s | 1.15s | 1.32s |
| TanStack Start | 2.98s | 2.87s | 3.06s |
Avg dev server startup time
| Framework | Seconds |
|---|---|
| React Router | 0.84s |
| SvelteKit | 1.23s |
| Astro | 1.56s |
| Next.js | 2.56s |
| Nuxt | 2.74s |
| SolidStart | 2.96s |
| TanStack Start | 2.98s |
The chart includes a dotted median reference line calculated from the visible framework values.
Core-JS Polyfills
Section titled “Core-JS Polyfills”Methodology: Core-JS Polyfills.
| Framework | ~Size | Unnecessary Modules |
|---|---|---|
| Astro | — | — |
| Next.js | 110.0 KB | 302 |
| Nuxt | — | — |
| React Router | — | — |
| SolidStart | — | — |
| SvelteKit | — | — |
| TanStack Start | — | — |
Browser Baseline
Section titled “Browser Baseline”Methodology: Browser Baseline.
| Framework | Baseline | Feature | Year | Features |
|---|---|---|---|---|
| Astro | — | — | — | 0 |
| Next.js | High | — | 2022 | 46 |
| Nuxt | High | — | 2023 | 39 |
| React Router | High | — | 2022 | 40 |
| SolidStart | High | — | 2020 | 30 |
| SvelteKit | High | — | 2020 | 42 |
| TanStack Start | High | — | 2022 | 45 |
Minimum Node Version
Section titled “Minimum Node Version”Methodology: Minimum Node Version.
| Framework | Min Node | Set by |
|---|---|---|
| Astro | v22.12.0 | — |
| Next.js | v20.9.0 | next |
| Nuxt | v20.19.0 | — |
| React Router | v20.19.0 | vite |
| SolidStart | v24.0.0 | @solidjs/start, starter-solid-start |
| SvelteKit | v22.20.0 | @napi-rs/lzma-linux-x64-gnu |
| TanStack Start | v22.12.0 | @tanstack/react-start, @tanstack/react-start-client, @tanstack/react-start-server, @tanstack/start-client-core, @tanstack/start-fn-stubs, @tanstack/start-plugin-core, @tanstack/start-server-core, @tanstack/start-storage-context |