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

Metaframework Dependencies

Metaframework Dependencies chart
Metaframework Dependencies data
FrameworkDependency count
Pracht5
SvelteKit23
TanStack Start23
SolidStart29
React Router51
Astro79
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 Router23
Astro26
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
SolidStart25
React Router28
Astro53
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 / 136013View
Next.js1 / 138211View
Nuxt0 / 167879View
Pracht2 / 22184View
React Router1 / 32439View
SolidStart0 / 42126View
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
SolidStart212
TanStack Start213
Pracht218
React Router243
Astro360
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
SolidStart6
React Router9
Next.js11
Astro13
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 / 136013211.58MB190.46MBView
Next.js6 / 342112560.05MB506.22MBView
Nuxt2 / 367879247.30MB208.61MBView
Pracht6 / 22394132.56MB109.29MBView
React Router9 / 62699116.27MB111.24MBView
SolidStart1 / 62468130.03MB105.36MBView
SvelteKit8 / 0108188.32MB92.09MBView
TanStack Start11 / 1332837231.92MB194.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
SolidStart8
React Router9
Next.js12
Astro13
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 Router116.27 MB
SolidStart130.03 MB
Pracht132.56 MB
Astro211.58 MB
TanStack Start231.92 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.40s1.73s4.35s0.80s0.80s
Next.js5.58s2.93s6.40s5.15s5.18s
Nuxt5.13s3.13s6.11s3.76s3.60s
Pracht1.99s1.61s2.29s0.66s0.66s
React Router1.46s1.24s1.66s1.62s1.72s
SolidStart1.95s1.51s2.17s2.61s2.53s
SvelteKit1.54s1.35s1.73s1.64s1.51s
TanStack Start4.58s1.85s5.34s2.04s1.91s

Avg install time

Avg install time chart
Avg install time data
FrameworkSeconds
React Router1.46s
SvelteKit1.54s
SolidStart1.95s
Pracht1.99s
Astro3.40s
TanStack Start4.58s
Nuxt5.13s
Next.js5.58s

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.80s
React Router1.62s
SvelteKit1.64s
TanStack Start2.04s
SolidStart2.61s
Nuxt3.76s
Next.js5.15s

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.66s
Astro0.80s
SvelteKit1.51s
React Router1.72s
TanStack Start1.91s
SolidStart2.53s
Nuxt3.60s
Next.js5.18s

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

Methodology: Dev Server Startup.

FrameworkAvg StartMin StartMax Start
Astro1.27s1.26s1.30s
Next.js2.58s2.40s3.13s
Nuxt2.67s2.59s2.76s
Pracht0.77s0.74s0.79s
React Router0.78s0.75s0.82s
SolidStart2.54s2.51s2.56s
SvelteKit1.26s1.17s1.43s
TanStack Start1.96s1.93s2.00s

Avg dev server startup time

Avg dev server startup time chart
Avg dev server startup time data
FrameworkSeconds
Pracht0.77s
React Router0.78s
SvelteKit1.26s
Astro1.27s
TanStack Start1.96s
SolidStart2.54s
Next.js2.58s
Nuxt2.67s

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—202240
SolidStartHigh—202030
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 Routerv20.19.0vite
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