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.

Metaframework Dependencies

Metaframework Dependencies data
FrameworkDependency count
Pracht5
Next.js6
SvelteKit23
TanStack Start23
SolidStart29
React Router47
Astro77
Nuxt79

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

Metaframework Development Dependencies

Metaframework Development Dependencies data
FrameworkDependency count
Next.js0
Pracht2
SolidStart4
Nuxt13
TanStack Start14
SvelteKit15
React Router24
Astro25

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

Metaframework Production Dependencies

Metaframework Production Dependencies data
FrameworkDependency count
Pracht3
Next.js6
SvelteKit8
TanStack Start9
React Router23
SolidStart25
Astro52
Nuxt66

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 / 133516View
Next.js1 / 138812View
Nuxt0 / 161155View
Pracht2 / 22184View
React Router1 / 32235View
SolidStart0 / 42104View
SvelteKit5 / 01081View
TanStack Start1 / 71953View

Meta-framework Direct Package Dependencies

Meta-framework Direct Package Dependencies data
FrameworkDependency count
SvelteKit108
TanStack Start195
SolidStart210
Pracht218
React Router223
Astro335
Next.js388
Nuxt611

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 data
FrameworkDependency count
Nuxt0
SolidStart0
Astro1
Next.js1
React Router1
TanStack Start1
Pracht2
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 data
FrameworkDependency count
SvelteKit0
Astro1
Next.js1
Nuxt1
Pracht2
React Router3
SolidStart4
TanStack Start7

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 data
FrameworkDependency count
SvelteKit1
TanStack Start3
Pracht4
SolidStart4
React Router5
Next.js12
Astro16
Nuxt55

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 / 133516204.43MB172.24MBView
Next.js6 / 342412463.61MB405.32MBView
Nuxt3 / 361155222.79MB190.59MBView
Pracht6 / 22394132.56MB109.29MBView
React Router9 / 62506108.68MB102.51MBView
SolidStart1 / 62425128.50MB104.51MBView
SvelteKit8 / 0108188.32MB92.09MBView
TanStack Start12 / 1433137272.60MB228.67MBView

Starter Project · Development Dependencies

Starter Project · Development Dependencies data
FrameworkDependencies
SolidStart1
Astro2
Nuxt3
Next.js6
Pracht6
SvelteKit8
React Router9
TanStack Start12

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

Starter Project · Production Dependencies

Starter Project · Production Dependencies data
FrameworkDependencies
SvelteKit0
Astro1
Pracht2
Next.js3
Nuxt3
React Router6
SolidStart6
TanStack Start14

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

Starter Project · Duplicate Dependencies

Starter Project · Duplicate Dependencies data
FrameworkDuplicates
SvelteKit1
Pracht4
SolidStart5
React Router6
Next.js12
Astro16
TanStack Start37
Nuxt55

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

Methodology: Node Modules Size.

Node Modules Size

Node Modules Size data
FrameworkMB
SvelteKit88.32 MB
React Router108.68 MB
SolidStart128.50 MB
Pracht132.56 MB
Astro204.43 MB
Nuxt222.79 MB
TanStack Start272.60 MB
Next.js463.61 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.55s1.78s4.21s1.12s1.16s
Next.js5.89s2.96s6.90s6.11s2.35s
Nuxt4.67s2.86s5.37s4.25s4.03s
Pracht1.89s1.54s2.27s0.71s0.70s
React Router2.33s1.35s5.52s1.81s1.80s
SolidStart1.80s1.48s2.13s3.20s3.11s
SvelteKit1.61s1.48s1.77s2.05s1.84s
TanStack Start4.57s1.89s5.36s1.95s1.74s

Average Install Time

Average Install Time data
FrameworkSeconds
SvelteKit1.61s
SolidStart1.80s
Pracht1.89s
React Router2.33s
Astro3.55s
TanStack Start4.57s
Nuxt4.67s
Next.js5.89s

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

Average Cold Build Time

Average Cold Build Time data
FrameworkSeconds
Pracht0.71s
Astro1.12s
React Router1.81s
TanStack Start1.95s
SvelteKit2.05s
SolidStart3.20s
Nuxt4.25s
Next.js6.11s

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

Average Warm Build Time

Average Warm Build Time data
FrameworkSeconds
Pracht0.70s
Astro1.16s
TanStack Start1.74s
React Router1.80s
SvelteKit1.84s
Next.js2.35s
SolidStart3.11s
Nuxt4.03s

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

Methodology: Dev Server Startup.

FrameworkAvg StartMin StartMax Start
Astro1.44s1.38s1.59s
Next.js2.86s2.44s3.56s
Nuxt2.48s2.41s2.57s
Pracht0.93s0.90s0.97s
React Router0.97s0.93s1.02s
SolidStart2.61s2.52s2.69s
SvelteKit1.27s1.25s1.29s
TanStack Start1.88s1.81s1.93s

Average Dev Server Startup Time

Average Dev Server Startup Time data
FrameworkSeconds
Pracht0.93s
React Router0.97s
SvelteKit1.27s
Astro1.44s
TanStack Start1.88s
Nuxt2.48s
SolidStart2.61s
Next.js2.86s

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

Methodology: Core-JS Polyfills.

FrameworkCore-JS detectedMatching JS filesModules not needed by target browsers
AstroNo——
Next.jsYes110.0 KB302
NuxtNo——
PrachtNo——
React RouterNo——
SolidStartNo——
SvelteKitNo——
TanStack StartNo——

Methodology: Browser Baseline.

FrameworkBaselineFeatureYearFeatures
Astro———0
Next.jsHigh—202247
NuxtHigh—202342
PrachtHigh—202037
React RouterHigh—202244
SolidStartHigh—202033
SvelteKitLimitedtemporal—48
TanStack StartLimitedtemporal—49

Methodology: Minimum Node Version.

FrameworkMin NodeSet by
Astrov22.22.0@astrojs/prism, @astrojs/telemetry, astro
Next.jsv20.19.0eslint-visitor-keys
Nuxtv22.22.3@nuxt/nitro-server, @nuxt/vite-builder, @nuxt/vite-server, cssnano, nuxt, postcss-calc
Prachtv22.18.0@pracht/adapter-node, @pracht/capabilities, @pracht/cli, @pracht/core, @pracht/preact-ssr-precompile, @pracht/vite-plugin
React Routerv22.22.0@react-router/dev, @react-router/express, @react-router/node, @react-router/serve, react-router
SolidStartv24.0.0@solidjs/start, starter-solid-start
SvelteKitv22.17.0@sveltejs/kit
TanStack Startv22.22.2@asamuzakjp/css-color, @asamuzakjp/dom-selector, jsdom, w3c-xmlserializer