Next.js 16 vs Elysia + React

Real-world performance comparison based on identical SaaS dashboard implementations.

Next.js 16

Next.js 16

Vercel

View Live Demo

Next.js deployed on its native platform—the way it was designed to run. Vercel's infrastructure is purpose-built for Next.js, providing automatic edge caching, instant rollbacks, and preview deployments for every git push. ISR (Incremental Static Regeneration) works seamlessly on Vercel with on-demand revalidation APIs and automatic cache invalidation across their global edge network. Edge Functions run your middleware in 30+ regions with sub-millisecond cold starts. This deployment demonstrates Next.js at its most optimized, with Vercel handling image optimization, analytics, and Web Vitals monitoring automatically.

Elysia + React

Elysia + React

VPS (Bun)

View Live Demo

A Bun-native server framework paired with React for SSR. Elysia leverages Bun's speed and provides end-to-end type safety through its innovative "Eden" client that infers types directly from your API routes. Elysia's declarative syntax is reminiscent of tRPC but with full HTTP control. Plugins handle validation, authentication, and documentation generation. The framework achieves exceptional throughput on the Bun runtime. This stack demonstrates what's possible when you combine Bun's performance with a thoughtfully designed type-safe server framework and React's component model.

Performance Metrics

Lower is better for all metrics. Green indicates the faster framework.

Metric Next.js 16 Elysia + React Winner
TTFB (p50) 44.7ms 44.75ms ◀
TTFB (p95) 44.86ms 50.52ms ◀
LCP (p50) 62ms 72ms ◀
LCP (p95) 70.2ms 84ms ◀
CLS 0 0 =
TBT 0 ms 0 ms =
LCP → TTFB N/A N/A -
LCP → Load Delay N/A N/A -
LCP → Load Duration N/A N/A -
LCP → Render Delay N/A N/A -
Performance Score 96 100 ▶
SEO Score 100 92 ◀
Accessibility Score 88 80 ◀
Best Practices Score 100 100 =

LLM Understanding (Claude Opus 4.5)

How efficiently Claude Opus 4.5 understands the codebase. Based on exploration + validation tests.

Metric Next.js 16 Elysia + React Winner
Exploration Time 3883ms 3484ms ▶
Exploration Tokens 3963 3402 ▶
Files Examined 11 10 ▶
Validation Accuracy 100% 74% ◀
Time Per File 353ms 348ms ▶
Tokens Per File 3245 3070 ▶
Efficiency Score 43.28 23.18 ◀

LLM Understanding (Claude Haiku 4.5)

How efficiently Claude Haiku 4.5 understands the codebase. Based on exploration + validation tests.

Metric Next.js 16 Elysia + React Winner
Exploration Time 3029ms 2400ms ▶
Exploration Tokens 3991 3430 ▶
Files Examined 11 10 ▶
Validation Accuracy 99% 63% ◀
Time Per File 275ms 240ms ▶
Tokens Per File 3225 3060 ▶
Efficiency Score 55.84 15.01 ◀

Build Metrics

Metric Next.js 16 Elysia + React Winner
Bundle Size (JS) 613.3KB 283.6KB ▶
Bundle Size (CSS) 23.3KB 23.1KB ▶
Build Time 0s 0s =
Dependencies 18 20 ◀

Want to see more framework comparisons?

View All Comparisons