Skip to content

Dev Time Stats

Each starter project follows its framework’s recommended CLI or documented setup. See Default Benchmark Setup for the shared environment, build tools, and adapters, and Project Setups for the starter configuration details.

Methodology: Dependency Counts.

These views separate a framework's core package, the direct packages maintained by its ecosystem, and the complete default starter configuration.

First, we look at the direct dependency counts of the meta-framework package itself.

FrameworkDepsDevProdGraph
Astro802753View
Next.js2292236View
Nuxt731459View
React Router512328View
SolidStart29425View
SvelteKit241212View
TanStack Start808View

Metaframework Dependencies

Metaframework Dependencies chart
Metaframework Dependencies data
FrameworkDependency count
TanStack Start8
SvelteKit24
SolidStart29
React Router51
Nuxt73
Astro80
Next.js229

The chart includes a dotted median reference line calculated from the visible framework values.

Metaframework Development Dependencies

Metaframework Development Dependencies chart
Metaframework Development Dependencies data
FrameworkDependency count
TanStack Start0
SolidStart4
SvelteKit12
Nuxt14
React Router23
Astro27
Next.js223

The chart includes a dotted median reference line calculated from the visible framework values.

Metaframework Production Dependencies

Metaframework Production Dependencies chart
Metaframework Production Dependencies data
FrameworkDependency count
Next.js6
TanStack Start8
SvelteKit12
SolidStart25
React Router28
Astro53
Nuxt59

The chart includes a dotted median reference line calculated from the visible framework values.

Next, we look at the direct framework-maintained packages that each starter declares. This excludes the starter’s third-party setup packages.

FrameworkDeps Dev / ProdAll DepsDup. DepsGraph
Astro1 / 138711View
Next.js1 / 138211View
Nuxt0 / 170785View
React Router1 / 32439View
SolidStart0 / 42116View
SvelteKit5 / 01592View
TanStack Start1 / 62507View

Meta-framework Direct Package Dependencies

Meta-framework Direct Package Dependencies chart
Meta-framework Direct Package Dependencies data
FrameworkDependency count
SvelteKit159
SolidStart211
React Router243
TanStack Start250
Next.js382
Astro387
Nuxt707

The chart includes a dotted median reference line calculated from the visible framework values.

Meta-framework Direct Package Development Dependencies

Meta-framework Direct Package Development Dependencies chart
Meta-framework Direct Package Development Dependencies data
FrameworkDependency count
Nuxt0
SolidStart0
Astro1
Next.js1
React Router1
TanStack Start1
SvelteKit5

The chart includes a dotted median reference line calculated from the visible framework values.

Meta-framework Direct Package Production Dependencies

Meta-framework Direct Package Production Dependencies chart
Meta-framework Direct Package Production Dependencies data
FrameworkDependency count
SvelteKit0
Astro1
Next.js1
Nuxt1
React Router3
SolidStart4
TanStack Start6

The chart includes a dotted median reference line calculated from the visible framework values.

Meta-framework Direct Package Duplicate Dependencies

Meta-framework Direct Package Duplicate Dependencies chart
Meta-framework Direct Package Duplicate Dependencies data
FrameworkDependency count
SvelteKit2
SolidStart6
TanStack Start7
React Router9
Astro11
Next.js11
Nuxt85

The chart includes a dotted median reference line calculated from the visible framework values.

Finally, we look at the complete dependency footprint of the default starter project, including third-party packages selected by its CLI or documented setup.

FrameworkDeps Dev / ProdAll DepsDup. Depsnode_modulesDep Install SizeGraph
Astro2 / 138711207.94MB186.65MBView
Next.js6 / 342112560.04MB506.22MBView
Nuxt2 / 370785242.32MB205.75MBView
React Router9 / 62699116.26MB111.23MBView
SolidStart1 / 62278124.34MB99.61MBView
SvelteKit8 / 0159297.58MB100.28MBView
TanStack Start11 / 1342414234.76MB198.52MBView

Starter Project Dev Dependencies

Starter Project Dev Dependencies chart
Starter Project Dev Dependencies data
FrameworkDependency count
SolidStart1
Astro2
Nuxt2
Next.js6
SvelteKit8
React Router9
TanStack Start11

The chart includes a dotted median reference line calculated from the visible framework values.

Starter Project Production Dependencies

Starter Project Production Dependencies chart
Starter Project Production Dependencies data
FrameworkDependency count
SvelteKit0
Astro1
Next.js3
Nuxt3
React Router6
SolidStart6
TanStack Start13

The chart includes a dotted median reference line calculated from the visible framework values.

Starter Project Duplicate Dependencies

Starter Project Duplicate Dependencies chart
Starter Project Duplicate Dependencies data
FrameworkDependency count
SvelteKit2
SolidStart8
React Router9
Astro11
Next.js12
TanStack Start14
Nuxt85

The chart includes a dotted median reference line calculated from the visible framework values.

Methodology: Node Modules Size.

Node modules size

Node modules size chart
Node modules size data
FrameworkMegabytes
SvelteKit97.58 MB
React Router116.26 MB
SolidStart124.34 MB
Astro207.94 MB
TanStack Start234.76 MB
Nuxt242.32 MB
Next.js560.04 MB

The chart includes a dotted median reference line calculated from the visible framework values.

Methodology: Build and Install Times.

FrameworkAvg InstallMin InstallMax InstallAvg Cold BuildAvg Warm Build
Astro3.37s1.75s4.25s0.91s0.88s
Next.js6.09s3.24s7.11s5.19s5.19s
Nuxt5.45s3.28s6.20s3.46s3.34s
React Router1.36s1.13s1.57s1.62s1.62s
SolidStart1.74s1.33s2.14s2.92s2.77s
SvelteKit1.54s1.31s1.64s1.86s1.70s
TanStack Start4.75s1.99s5.61s5.31s5.08s

Avg install time

Avg install time chart
Avg install time data
FrameworkSeconds
React Router1.36s
SvelteKit1.54s
SolidStart1.74s
Astro3.37s
TanStack Start4.75s
Nuxt5.45s
Next.js6.09s

The chart includes a dotted median reference line calculated from the visible framework values.

Cold build time

Cold build time chart
Cold build time data
FrameworkSeconds
Astro0.91s
React Router1.62s
SvelteKit1.86s
SolidStart2.92s
Nuxt3.46s
Next.js5.19s
TanStack Start5.31s

The chart includes a dotted median reference line calculated from the visible framework values.

Warm build time

Warm build time chart
Warm build time data
FrameworkSeconds
Astro0.88s
React Router1.62s
SvelteKit1.70s
SolidStart2.77s
Nuxt3.34s
TanStack Start5.08s
Next.js5.19s

The chart includes a dotted median reference line calculated from the visible framework values.

Methodology: Dev Server Startup.

FrameworkAvg StartMin StartMax Start
Astro1.40s1.35s1.42s
Next.js2.33s2.24s2.40s
Nuxt2.85s2.60s3.51s
React Router0.89s0.84s0.91s
SolidStart2.97s2.91s3.02s
SvelteKit1.36s1.30s1.42s
TanStack Start2.90s2.76s3.03s

Avg dev server startup time

Avg dev server startup time chart
Avg dev server startup time data
FrameworkSeconds
React Router0.89s
SvelteKit1.36s
Astro1.40s
Next.js2.33s
Nuxt2.85s
TanStack Start2.90s
SolidStart2.97s

The chart includes a dotted median reference line calculated from the visible framework values.

Methodology: Core-JS Polyfills.

Framework~SizeUnnecessary Modules
Astro——
Next.js110.0 KB302
Nuxt——
React Router——
SolidStart——
SvelteKit——
TanStack Start——

Methodology: Browser Baseline.

FrameworkBaselineFeatureYearFeatures
Astro———0
Next.jsHigh—202246
NuxtHigh—202343
React RouterHigh—202240
SolidStartHigh—202030
SvelteKitHigh—202042
TanStack StartHigh—202245

Methodology: Minimum Node Version.

FrameworkMin NodeSet by
Astrov22.12.0—
Next.jsv20.9.0next
Nuxtv22.20.0@napi-rs/lzma-linux-x64-gnu
React Routerv20.19.0vite
SolidStartv24.0.0@solidjs/start, starter-solid-start
SvelteKitv22.20.0@napi-rs/lzma-linux-x64-gnu
TanStack Startv22.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