Next.js 16 vs Elysia + React

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

Next.js 16

Next.js 16

VPS (Bun)

View Live Demo

The React meta-framework running on Bun runtime. Built by Vercel, Next.js supports SSR, SSG, ISR, and streaming—all configured per-route. This variant uses Bun runtime for potentially faster startup times and request handling. The App Router architecture brings React Server Components, nested layouts, and Server Actions. While Bun support for Next.js is unofficial, it works in practice and offers a comparison point for runtime performance. Ideal for teams wanting to benchmark Node.js vs Bun performance with their Next.js applications.

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) 0ms 44.75ms ◀
TTFB (p95) 0ms 50.52ms ◀
LCP (p50) 0ms 72ms ◀
LCP (p95) 0ms 84ms ◀
CLS 0 0 =
TBT N/A 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 N/A 100 -
SEO Score N/A 92 -
Accessibility Score N/A 80 -
Best Practices Score N/A 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 N/A 3484ms -
Exploration Tokens N/A 3402 -
Files Examined N/A 10 -
Validation Accuracy N/A 74% -
Time Per File N/A 348ms -
Tokens Per File N/A 3070 -
Efficiency Score N/A 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 N/A 2400ms -
Exploration Tokens N/A 3430 -
Files Examined N/A 10 -
Validation Accuracy N/A 63% -
Time Per File N/A 240ms -
Tokens Per File N/A 3060 -
Efficiency Score N/A 15.01 -

Build Metrics

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

Want to see more framework comparisons?

View All Comparisons