Dev Time Stats
Dev Time benchmarks use each meta-framework’s starter-* package.
Each starter follows its framework’s CLI or documented setup, with the selected options and adjustments recorded in the methodology.
See Default Benchmark Setup for the shared benchmark environment.
Dependency Counts
Section titled “Dependency Counts”Methodology: Dependency Counts.
Measuring a meta-framework’s dependencies isn’t as straightforward as you might think. You could:
- Measure just the meta-framework package itself
- Maybe a full project setup
Both approaches have flaws. Some meta-frameworks need many other packages to work. A full project setup can include more packages than necessary.
To provide a clearer picture, we run the dependency-count tests three times, starting small and expanding in scope. In this order, we:
- Start with the meta-framework package itself, for example,
@sveltejs/kit - We then expand this to the meta-framework and its first-party packages. Looking at
@sveltejs/kitagain, this means any package maintained by the meta-framework authors that’s needed to run a project, for example, thesveltepackage. - Finally, we count the dependencies for the entire
starter-*project. Their CLI or documentation recommends this setup by default, so this is the default most people will start with.
Core Package Dependencies
Section titled “Core Package Dependencies”The meta-framework package itself, for example, @sveltejs/kit.
| Framework | Deps | Dev | Prod | Graph |
|---|---|---|---|---|
| Astro | 77 | 25 | 52 | View |
| Next.js | 6 | 0 | 6 | View |
| Nuxt | 79 | 13 | 66 | View |
| Pracht | 5 | 2 | 3 | View |
| React Router | 47 | 24 | 23 | View |
| SolidStart | 29 | 5 | 24 | View |
| SvelteKit | 23 | 15 | 8 | View |
| TanStack Start | 23 | 14 | 9 | View |
| Framework | Dependency count |
|---|---|
| Pracht | 5 |
| Next.js | 6 |
| SvelteKit | 23 |
| TanStack Start | 23 |
| SolidStart | 29 |
| React Router | 47 |
| Astro | 77 |
| Nuxt | 79 |
The chart includes a dotted median reference line calculated from the visible framework values.
| Framework | Dependency count |
|---|---|
| Next.js | 0 |
| Pracht | 2 |
| SolidStart | 5 |
| Nuxt | 13 |
| TanStack Start | 14 |
| SvelteKit | 15 |
| React Router | 24 |
| Astro | 25 |
The chart includes a dotted median reference line calculated from the visible framework values.
| Framework | Dependency count |
|---|---|
| Pracht | 3 |
| Next.js | 6 |
| SvelteKit | 8 |
| TanStack Start | 9 |
| React Router | 23 |
| SolidStart | 24 |
| Astro | 52 |
| Nuxt | 66 |
The chart includes a dotted median reference line calculated from the visible framework values.
First-Party Package Dependencies
Section titled “First-Party Package Dependencies”Looking at a meta-framework’s first-party packages. For @sveltejs/kit, this means packages maintained by the meta-framework authors that are needed to run a project, for example, svelte.
| Framework | Deps Dev / Prod | All Deps | Dup. Deps | Graph |
|---|---|---|---|---|
| Astro | 1 / 1 | 333 | 14 | View |
| Next.js | 1 / 1 | 388 | 12 | View |
| Nuxt | 0 / 1 | 634 | 76 | View |
| Pracht | 2 / 2 | 218 | 4 | View |
| React Router | 1 / 3 | 226 | 5 | View |
| SolidStart | 0 / 4 | 212 | 6 | View |
| SvelteKit | 5 / 0 | 108 | 1 | View |
| TanStack Start | 1 / 7 | 194 | 3 | View |
| Framework | Dependency count |
|---|---|
| SvelteKit | 108 |
| TanStack Start | 194 |
| SolidStart | 212 |
| Pracht | 218 |
| React Router | 226 |
| Astro | 333 |
| Next.js | 388 |
| Nuxt | 634 |
The chart includes a dotted median reference line calculated from the visible framework values.
| Framework | Dependency count |
|---|---|
| Nuxt | 0 |
| SolidStart | 0 |
| Astro | 1 |
| Next.js | 1 |
| React Router | 1 |
| TanStack Start | 1 |
| Pracht | 2 |
| SvelteKit | 5 |
The chart includes a dotted median reference line calculated from the visible framework values.
| Framework | Dependency count |
|---|---|
| SvelteKit | 0 |
| Astro | 1 |
| Next.js | 1 |
| Nuxt | 1 |
| Pracht | 2 |
| React Router | 3 |
| SolidStart | 4 |
| TanStack Start | 7 |
The chart includes a dotted median reference line calculated from the visible framework values.
| Framework | Dependency count |
|---|---|
| SvelteKit | 1 |
| TanStack Start | 3 |
| Pracht | 4 |
| React Router | 5 |
| SolidStart | 6 |
| Next.js | 12 |
| Astro | 14 |
| Nuxt | 76 |
The chart includes a dotted median reference line calculated from the visible framework values.
Starter Project Dependencies
Section titled “Starter Project Dependencies”Finally, we look at the complete dependency footprint of the default starter project, including third-party packages selected by its CLI or documented setup.
| Framework | Deps Dev / Prod | All Deps | Dup. Deps | node_modules | Dep Install Size | Graph |
|---|---|---|---|---|---|---|
| Astro | 2 / 1 | 333 | 14 | 204.20MB | 172.07MB | View |
| Next.js | 6 / 3 | 424 | 12 | 463.42MB | 405.08MB | View |
| Nuxt | 3 / 3 | 634 | 76 | 246.13MB | 213.96MB | View |
| Pracht | 6 / 2 | 239 | 4 | 132.55MB | 109.29MB | View |
| React Router | 9 / 6 | 249 | 5 | 109.34MB | 103.24MB | View |
| SolidStart | 1 / 6 | 261 | 23 | 149.16MB | 125.07MB | View |
| SvelteKit | 8 / 0 | 108 | 1 | 88.32MB | 92.09MB | View |
| TanStack Start | 12 / 14 | 330 | 37 | 274.10MB | 230.99MB | View |
| Framework | Dependencies |
|---|---|
| SolidStart | 1 |
| Astro | 2 |
| Nuxt | 3 |
| Next.js | 6 |
| Pracht | 6 |
| SvelteKit | 8 |
| React Router | 9 |
| TanStack Start | 12 |
The chart includes a dotted median reference line calculated from the visible framework values.
| Framework | Dependencies |
|---|---|
| SvelteKit | 0 |
| Astro | 1 |
| Pracht | 2 |
| Next.js | 3 |
| Nuxt | 3 |
| React Router | 6 |
| SolidStart | 6 |
| TanStack Start | 14 |
The chart includes a dotted median reference line calculated from the visible framework values.
| Framework | Duplicates |
|---|---|
| SvelteKit | 1 |
| Pracht | 4 |
| React Router | 5 |
| Next.js | 12 |
| Astro | 14 |
| SolidStart | 23 |
| TanStack Start | 37 |
| Nuxt | 76 |
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.
| Framework | MB |
|---|---|
| SvelteKit | 88.32 MB |
| React Router | 109.34 MB |
| Pracht | 132.55 MB |
| SolidStart | 149.16 MB |
| Astro | 204.20 MB |
| Nuxt | 246.13 MB |
| TanStack Start | 274.10 MB |
| Next.js | 463.42 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 | Median Install | Min Install | Max Install | Median Cold Build | Median Warm Build |
|---|---|---|---|---|---|
| Astro | 4.76s | 1.90s | 4.93s | 0.91s | 0.85s |
| Next.js | 6.30s | 2.82s | 6.37s | 5.18s | 2.20s |
| Nuxt | 5.09s | 3.11s | 6.18s | 4.11s | 3.85s |
| Pracht | 2.04s | 1.58s | 2.32s | 0.64s | 0.67s |
| React Router | 1.43s | 1.27s | 1.78s | 1.64s | 1.61s |
| SolidStart | 2.04s | 1.43s | 2.14s | 2.94s | 2.89s |
| SvelteKit | 1.59s | 1.33s | 1.67s | 1.65s | 1.50s |
| TanStack Start | 5.23s | 1.85s | 5.30s | 2.32s | 2.10s |
| Framework | Seconds |
|---|---|
| React Router | 1.43s |
| SvelteKit | 1.59s |
| Pracht | 2.04s |
| SolidStart | 2.04s |
| Astro | 4.76s |
| Nuxt | 5.09s |
| TanStack Start | 5.23s |
| Next.js | 6.30s |
The chart includes a dotted median reference line calculated from the visible framework values.
| Framework | Seconds |
|---|---|
| Pracht | 0.64s |
| Astro | 0.91s |
| React Router | 1.64s |
| SvelteKit | 1.65s |
| TanStack Start | 2.32s |
| SolidStart | 2.94s |
| Nuxt | 4.11s |
| Next.js | 5.18s |
The chart includes a dotted median reference line calculated from the visible framework values.
| Framework | Seconds |
|---|---|
| Pracht | 0.67s |
| Astro | 0.85s |
| SvelteKit | 1.50s |
| React Router | 1.61s |
| TanStack Start | 2.10s |
| Next.js | 2.20s |
| SolidStart | 2.89s |
| Nuxt | 3.85s |
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 | Median Start | Min Start | Max Start |
|---|---|---|---|
| Astro | 1.35s | 1.35s | 1.42s |
| Next.js | 2.03s | 1.84s | 3.71s |
| Nuxt | 2.40s | 2.38s | 2.48s |
| Pracht | 0.93s | 0.91s | 1.02s |
| React Router | 0.98s | 0.94s | 1.03s |
| SolidStart | 2.65s | 2.62s | 2.70s |
| SvelteKit | 1.24s | 1.20s | 1.46s |
| TanStack Start | 2.03s | 1.94s | 2.38s |
| Framework | Seconds |
|---|---|
| Pracht | 0.93s |
| React Router | 0.98s |
| SvelteKit | 1.24s |
| Astro | 1.35s |
| Next.js | 2.03s |
| TanStack Start | 2.03s |
| Nuxt | 2.40s |
| SolidStart | 2.65s |
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 | Core-JS detected | Matching JS files | Modules not needed by target browsers |
|---|---|---|---|
| Astro | No | — | — |
| Next.js | Yes | 110.0 KB | 302 |
| Nuxt | No | — | — |
| Pracht | No | — | — |
| React Router | No | — | — |
| SolidStart | No | — | — |
| SvelteKit | No | — | — |
| TanStack Start | No | — | — |
Browser Baseline
Section titled “Browser Baseline”Methodology: Browser Baseline.
| Framework | Baseline | Feature | Year | Features |
|---|---|---|---|---|
| Astro | — | — | — | 0 |
| Next.js | High | — | 2022 | 47 |
| Nuxt | High | — | 2023 | 42 |
| Pracht | High | — | 2020 | 37 |
| React Router | High | — | 2022 | 44 |
| SolidStart | High | — | 2020 | 31 |
| SvelteKit | High | — | 2021 | 47 |
| TanStack Start | High | — | 2022 | 48 |
Minimum Node Version
Section titled “Minimum Node Version”Methodology: Minimum Node Version.
| Framework | Min Node | Set by |
|---|---|---|
| Astro | v22.23.4 | @astrojs/prism, @astrojs/telemetry, astro |
| Next.js | v20.19.0 | eslint-visitor-keys |
| Nuxt | v22.22.3 | @nuxt/nitro-server, @nuxt/vite-builder, @nuxt/vite-server, cssnano, nuxt, postcss-calc |
| Pracht | v22.18.0 | @pracht/adapter-node, @pracht/capabilities, @pracht/cli, @pracht/core, @pracht/preact-ssr-precompile, @pracht/vite-plugin |
| React Router | v22.22.0 | @react-router/dev, @react-router/express, @react-router/node, @react-router/serve, react-router |
| SolidStart | v24.0.0 | @solidjs/start, starter-solid-start |
| SvelteKit | v22.17.0 | @sveltejs/kit |
| TanStack Start | v22.22.2 | @asamuzakjp/css-color, @asamuzakjp/dom-selector, jsdom, w3c-xmlserializer |