Dev Time Stats

Setup

Each starter project uses each meta-frameworks recommended setup via their CLI wizard or recommended setup from their docs. You can find the full details inside the Methodology: Project Setups.

Dependency Counts

Methodology: Dependency Counts.

For dependency counts we start by looking at the dependencies for the meta-framework package directly, for example how many prod, dev and overall deps does `Nuxt` have. Then we look at dependencies again for the starter projects. While we think looking at projects dependencies is more realistic like the `starter-*` projects as meta-frameworks rarely just run with meta-framework package it is also important to look at direct dependencies. This is the only tests in Dev Time Stats where we do this every other Dev Time Test is based on the Start Projects

Meta-framework Direct Package Counts

Framework	Deps	Dev	Prod	Graph
Astro	80	27	53	View
Mastro	1	0	1	View
Next.js	229	223	6	View
Nuxt	68	11	57	View
React Router	50	22	28	View
SolidStart	18	3	15	View
SvelteKit	25	13	12	View
TanStack Start	8	0	8	View

Metaframework Dependencies

Metaframework Dependencies data
Framework	Dependency count
Mastro	1
TanStack Start	8
SolidStart	18
SvelteKit	25
React Router	50
Nuxt	68
Astro	80
Next.js	229

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

Metaframework Development Dependencies

Metaframework Development Dependencies data
Framework	Dependency count
Mastro	0
TanStack Start	0
SolidStart	3
Nuxt	11
SvelteKit	13
React Router	22
Astro	27
Next.js	223

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

Metaframework Production Dependencies

Metaframework Production Dependencies data
Framework	Dependency count
Mastro	1
Next.js	6
TanStack Start	8
SvelteKit	12
SolidStart	15
React Router	28
Astro	53
Nuxt	57

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

Starter Projects

Framework	Deps Dev / Prod	All Deps	Dup. Deps	node_modules	node_modules (prod)	Dep Install Size	Graph
Astro	2 / 1	390	11	207.85MB	144.67MB	186.51MB	View
Mastro	2 / 2	6	0	29.16MB	3.36MB	27.39MB	View
Next.js	6 / 3	421	12	560.04MB	436.00MB	506.22MB	View
Nuxt	2 / 3	694	63	208.81MB	208.79MB	172.24MB	View
React Router	8 / 6	268	9	106.86MB	17.27MB	102.22MB	View
SolidStart	0 / 5	582	77	156.30MB	156.24MB	133.30MB	View
SvelteKit	7 / 0	119	1	60.05MB	0.02MB	63.60MB	View
TanStack Start	11 / 13	424	14	234.77MB	201.87MB	198.52MB	View

Starter Project Dev Dependencies

Starter Project Dev Dependencies data
Framework	Dependency count
SolidStart	0
Astro	2
Mastro	2
Nuxt	2
Next.js	6
SvelteKit	7
React Router	8
TanStack Start	11

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

Starter Project Production Dependencies

Starter Project Production Dependencies data
Framework	Dependency count
SvelteKit	0
Astro	1
Mastro	2
Next.js	3
Nuxt	3
SolidStart	5
React Router	6
TanStack Start	13

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

Starter Project Duplicate Dependencies

Starter Project Duplicate Dependencies data
Framework	Dependency count
Mastro	0
SvelteKit	1
React Router	9
Astro	11
Next.js	12
TanStack Start	14
Nuxt	63
SolidStart	77

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

Node Modules Size

Methodology: Node Modules Size.

Node modules size

Node modules size data
Framework	Megabytes
Mastro	29.16 MB
SvelteKit	60.05 MB
React Router	106.86 MB
SolidStart	156.30 MB
Astro	207.85 MB
Nuxt	208.81 MB
TanStack Start	234.77 MB
Next.js	560.04 MB

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

Node modules size (prod only)

Node modules size (prod only) data
Framework	Megabytes
SvelteKit	0.02 MB
Mastro	3.36 MB
React Router	17.27 MB
Astro	144.67 MB
SolidStart	156.24 MB
TanStack Start	201.87 MB
Nuxt	208.79 MB
Next.js	436.00 MB

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

Build and Install Times

Methodology: Build and Install Times.

Framework	Avg Install	Min Install	Max Install	Avg Cold Build	Avg Warm Build	Build Output
Astro	1.51s	1.45s	1.58s	0.97s	0.89s	0.03MB
Mastro	0.53s	0.50s	0.60s	0.38s	0.38s	0.01MB
Next.js	2.82s	2.76s	2.88s	5.38s	5.24s	6.05MB
Nuxt	2.92s	2.76s	3.20s	3.87s	3.84s	2.46MB
React Router	1.13s	1.10s	1.15s	1.81s	1.67s	0.38MB
SolidStart	1.77s	1.67s	1.83s	5.39s	5.30s	0.84MB
SvelteKit	1.22s	1.19s	1.25s	2.44s	2.33s	1.36MB
TanStack Start	1.85s	1.80s	1.95s	5.22s	5.09s	2.05MB

Avg install time

Avg install time data
Framework	Seconds
Mastro	0.53s
React Router	1.13s
SvelteKit	1.22s
Astro	1.51s
SolidStart	1.77s
TanStack Start	1.85s
Next.js	2.82s
Nuxt	2.92s

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

Cold build time

Cold build time data
Framework	Seconds
Mastro	0.38s
Astro	0.97s
React Router	1.81s
SvelteKit	2.44s
Nuxt	3.87s
TanStack Start	5.22s
Next.js	5.38s
SolidStart	5.39s

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

Warm build time

Warm build time data
Framework	Seconds
Mastro	0.38s
Astro	0.89s
React Router	1.67s
SvelteKit	2.33s
Nuxt	3.84s
TanStack Start	5.09s
Next.js	5.24s
SolidStart	5.30s

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

Build output size

Build output size data
Framework	Megabytes
Mastro	0.01 MB
Astro	0.03 MB
React Router	0.38 MB
SolidStart	0.84 MB
SvelteKit	1.36 MB
TanStack Start	2.05 MB
Nuxt	2.46 MB
Next.js	6.05 MB

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

Core-JS Polyfills

Methodology: Core-JS Polyfills.

Framework	~Size	Unnecessary Modules
Astro	—	—
Mastro	—	—
Next.js	110.0 KB	302
Nuxt	—	—
React Router	—	—
SolidStart	—	—
SvelteKit	—	—
TanStack Start	—	—

Browser Baseline

Methodology: Browser Baseline.

Framework	Baseline	Feature	Year	Features
Astro	—	—	—	0
Mastro	—	—	—	0
Next.js	High	—	2022	46
Nuxt	Limited	temporal	—	40
React Router	High	—	2022	40
SolidStart	High	—	2020	29
SvelteKit	High	—	2020	40
TanStack Start	High	—	2022	45