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
Astro772552View
Next.js2292236View
Nuxt791366View
Pracht523View
React Router472423View
SolidStart29425View
SvelteKit23158View
TanStack Start23149View

Metaframework Dependencies

Metaframework Dependencies chart
Metaframework Dependencies data
FrameworkDependency count
Pracht5
SvelteKit23
TanStack Start23
SolidStart29
React Router47
Astro77
Nuxt79
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
Pracht2
SolidStart4
Nuxt13
TanStack Start14
SvelteKit15
React Router24
Astro25
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
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 / 133416View
Next.js1 / 138211View
Nuxt0 / 167879View
Pracht2 / 22184View
React Router1 / 32235View
SolidStart0 / 42104View
SvelteKit5 / 01081View
TanStack Start1 / 621319View

Meta-framework Direct Package Dependencies

Meta-framework Direct Package Dependencies chart
Meta-framework Direct Package Dependencies data
FrameworkDependency count
SvelteKit108
SolidStart210
TanStack Start213
Pracht218
React Router223
Astro334
Next.js382
Nuxt678

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
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 chart
Meta-framework Direct Package Production Dependencies data
FrameworkDependency count
SvelteKit0
Astro1
Next.js1
Nuxt1
Pracht2
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
SvelteKit1
Pracht4
SolidStart4
React Router5
Next.js11
Astro16
TanStack Start19
Nuxt79

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 / 133416204.13MB172.07MBView
Next.js6 / 342112560.05MB506.22MBView
Nuxt2 / 367879247.30MB208.61MBView
Pracht6 / 22394132.56MB109.29MBView
React Router9 / 62506108.67MB102.51MBView
SolidStart1 / 62425128.49MB104.51MBView
SvelteKit8 / 0108188.32MB92.09MBView
TanStack Start11 / 1332837231.89MB194.39MBView

Starter Project Dev Dependencies

Starter Project Dev Dependencies chart
Starter Project Dev Dependencies data
FrameworkDependency count
SolidStart1
Astro2
Nuxt2
Next.js6
Pracht6
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
Pracht2
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
SvelteKit1
Pracht4
SolidStart5
React Router6
Next.js12
Astro16
TanStack Start37
Nuxt79

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
SvelteKit88.32 MB
React Router108.67 MB
SolidStart128.49 MB
Pracht132.56 MB
Astro204.13 MB
TanStack Start231.89 MB
Nuxt247.30 MB
Next.js560.05 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.70s1.98s4.67s0.99s0.86s
Next.js6.65s3.90s7.49s5.81s5.66s
Nuxt5.82s3.23s7.40s3.74s3.60s
Pracht1.97s1.55s2.33s0.66s0.64s
React Router2.16s1.18s5.78s1.77s1.72s
SolidStart1.93s1.51s2.31s3.17s3.17s
SvelteKit1.56s1.34s1.70s1.75s1.58s
TanStack Start1.81s1.66s2.10s2.08s1.90s

Avg install time

Avg install time chart
Avg install time data
FrameworkSeconds
SvelteKit1.56s
TanStack Start1.81s
SolidStart1.93s
Pracht1.97s
React Router2.16s
Astro3.70s
Nuxt5.82s
Next.js6.65s

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
Pracht0.66s
Astro0.99s
SvelteKit1.75s
React Router1.77s
TanStack Start2.08s
SolidStart3.17s
Nuxt3.74s
Next.js5.81s

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
Pracht0.64s
Astro0.86s
SvelteKit1.58s
React Router1.72s
TanStack Start1.90s
SolidStart3.17s
Nuxt3.60s
Next.js5.66s

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

Methodology: Dev Server Startup.

FrameworkAvg StartMin StartMax Start
Astro1.55s1.46s1.63s
Next.js2.33s2.27s2.42s
Nuxt2.62s2.54s2.71s
Pracht0.82s0.80s0.84s
React Router1.03s0.96s1.09s
SolidStart2.81s2.74s2.93s
SvelteKit1.34s1.30s1.39s
TanStack Start1.82s1.73s1.92s

Avg dev server startup time

Avg dev server startup time chart
Avg dev server startup time data
FrameworkSeconds
Pracht0.82s
React Router1.03s
SvelteKit1.34s
Astro1.55s
TanStack Start1.82s
Next.js2.33s
Nuxt2.62s
SolidStart2.81s

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—202246
NuxtHigh—202342
PrachtHigh—202037
React RouterHigh—202244
SolidStartHigh—202033
SvelteKitLimitedtemporal—48
TanStack StartLimitedtemporal—49

Methodology: Minimum Node Version.

FrameworkMin NodeSet by
Astrov22.19.0undici
Next.jsv20.9.0next
Nuxtv22.22.3@nuxt/nitro-server, @nuxt/vite-builder, @nuxt/vite-server, cssnano, cssnano-preset-default, cssnano-utils, nuxt, postcss-calc, postcss-colormin, postcss-convert-values, postcss-discard-comments, postcss-discard-duplicates, postcss-discard-empty, postcss-discard-overridden, postcss-merge-longhand, postcss-merge-rules, postcss-minify-font-values, postcss-minify-gradients, postcss-minify-params, postcss-minify-selectors, postcss-normalize-charset, postcss-normalize-display-values, postcss-normalize-positions, postcss-normalize-repeat-style, postcss-normalize-string, postcss-normalize-timing-functions, postcss-normalize-unicode, postcss-normalize-url, postcss-normalize-whitespace, postcss-ordered-values, postcss-reduce-initial, postcss-reduce-transforms, postcss-svgo, postcss-unique-selectors, stylehacks
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