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

Meta-framework Direct Package Dependencies

Meta-framework Direct Package Dependencies chart
Meta-framework Direct Package Dependencies data
FrameworkDependency count
SvelteKit108
TanStack Start194
SolidStart210
Pracht218
React Router223
Astro335
Next.js388
Nuxt657

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
TanStack Start3
Pracht4
SolidStart4
React Router5
Next.js12
Astro16
Nuxt52

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.42MB172.24MBView
Next.js6 / 342412463.42MB405.12MBView
Nuxt3 / 365752230.55MB194.02MBView
Pracht6 / 22394132.56MB109.29MBView
React Router9 / 62506108.67MB102.51MBView
SolidStart1 / 62425128.49MB104.51MBView
SvelteKit8 / 0108188.32MB92.09MBView
TanStack Start11 / 1331221229.40MB185.93MBView

Starter Project Dev Dependencies

Starter Project Dev Dependencies chart
Starter Project Dev Dependencies data
FrameworkDependency count
SolidStart1
Astro2
Nuxt3
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 Start21
Nuxt52

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.42 MB
TanStack Start229.40 MB
Nuxt230.55 MB
Next.js463.42 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.42s1.65s4.48s1.00s0.86s
Next.js5.30s2.68s6.15s5.79s2.43s
Nuxt4.98s2.90s5.89s3.76s3.55s
Pracht2.05s1.59s2.46s0.71s0.70s
React Router1.28s1.17s1.43s1.98s1.85s
SolidStart1.87s1.52s2.06s3.05s2.88s
SvelteKit1.45s1.32s1.61s1.86s1.67s
TanStack Start4.41s1.65s5.21s2.33s1.92s

Avg install time

Avg install time chart
Avg install time data
FrameworkSeconds
React Router1.28s
SvelteKit1.45s
SolidStart1.87s
Pracht2.05s
Astro3.42s
TanStack Start4.41s
Nuxt4.98s
Next.js5.30s

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.71s
Astro1.00s
SvelteKit1.86s
React Router1.98s
TanStack Start2.33s
SolidStart3.05s
Nuxt3.76s
Next.js5.79s

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.70s
Astro0.86s
SvelteKit1.67s
React Router1.85s
TanStack Start1.92s
Next.js2.43s
SolidStart2.88s
Nuxt3.55s

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

Methodology: Dev Server Startup.

FrameworkAvg StartMin StartMax Start
Astro1.36s1.34s1.38s
Next.js2.63s2.44s3.08s
Nuxt2.42s2.27s2.74s
Pracht0.87s0.85s0.89s
React Router1.11s0.99s1.45s
SolidStart2.71s2.68s2.73s
SvelteKit1.34s1.19s1.75s
TanStack Start1.72s1.70s1.75s

Avg dev server startup time

Avg dev server startup time chart
Avg dev server startup time data
FrameworkSeconds
Pracht0.87s
React Router1.11s
SvelteKit1.34s
Astro1.36s
TanStack Start1.72s
Nuxt2.42s
Next.js2.63s
SolidStart2.71s

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, 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