Edge Rendering

Rendered via Edge Function

Location: New York City, NY

Temperature: 3°C

Wind Speed: 7.4 km/h

Rendered at: 2025-11-19T12:26:03.603Z

Edge Function Rendering

Code runs on edge nodes closest to the user worldwide. Provides low-latency dynamic rendering with global distribution.

✓ Pros

  • •Low latency - runs near users globally
  • •Fast dynamic rendering
  • •Scalable across regions
  • •Reduced backend server load

⚠ Cons

  • •Limited runtime environment
  • •Cold start latency possible
  • •Debugging can be more complex
  • •Some Node.js APIs unavailable

Performance Metrics

Server Duration

475.00ms

TTFB

measuring...

DOM Ready

measuring...

Full Load

measuring...

Server Duration: Time to render on server (SSG at build, SSR/ISR/Edge per request)

TTFB: Time to First Byte from browser perspective (network + server time)

DOM/Full Load: Browser-side parsing and resource loading times

Implementation Code

File:app/edge/page.tsx
export const runtime = "edge";
export const dynamic = "force-dynamic";

export default async function Page() {
  await headers(); // Forces dynamic rendering
  const data = await fetchData();
  return <DataCard data={data} />;
}

Key Configuration:

  • →runtime = 'edge' deploys this function to Vercel's global edge network
  • →Executes on CDN nodes closest to users worldwide for minimal latency
  • →Combines edge performance with dynamic rendering capabilities
← Back to Home