Vercel ve Next.js Uygulamalarında Edge Functions Kullanımı ve Performans İpuçları

Edge Computing Nedir?

Geleneksel web barındırma sistemlerinde sunucunuz belirli bir coğrafi konumda (örneğin Frankfurt) bulunur. Japonya'dan veya Amerika'dan giren bir kullanıcı, verinin bu mesafeyi kat etmesini beklemek zorundadır. Ancak Edge Computing ile kodunuz, kullanıcının bulunduğu yere en yakın veri merkezinde çalıştırılır. Vercel ve Next.js, Edge Functions mimarisiyle web hızında yeni bir standart belirliyor.

Edge API Route Nasıl Oluşturulur?

Next.js 14 ve 15 sürümlerinde, standart Node.js ortamı yerine hafif ve inanılmaz hızlı olan Edge runtime'ı kullanmak çok basittir. İlgili dosyanın en üstüne export const runtime = 'edge' eklemeniz yeterlidir.

// app/api/hello/route.ts
export const runtime = 'edge'; // Edge üzerinde çalışmasını sağlar

export async function GET(request: Request) {
  return new Response(
    JSON.stringify({ 
      message: 'Merhaba! Ben dünyanın dört bir yanındaki Edge sunucularından yanıt veriyorum!',
      timestamp: Date.now() 
    }),
    {
      status: 200,
      headers: { 'Content-Type': 'application/json' },
    }
  );
}

Edge Ortamının Kısıtlamaları ve Dikkat Edilmesi Gerekenler

Edge Functions, hız odaklı V8 Isolate mimarisinde çalıştığı için standart Node.js kütüphanelerinin tümünü desteklemez. Örneğin dosya sistemine (fs modülü) erişemezsiniz.

• Büyük Bağımlılıklar: Moment.js veya JSDOM gibi büyük paketler kullanmaktan kaçının.
• Veritabanı Bağlantıları: Edge ortamında TCP tabanlı geleneksel veritabanı sürücüleri (pg, mysql2) çalışmaz. HTTP tabanlı veri çekme (Supabase, Upstash Redis, Prisma Accelerate) çözümlerini kullanmalısınız.
• Zaman Aşımı (Timeout): Edge fonksiyonları milisaniyeler içinde yanıt vermelidir. Ağır video/resim işleme operasyonları için Serverless veya arka plan görevlerini (background jobs) tercih edin.

Performans İpucu: Edge Middleware ile Geolocation

Edge Middleware'i kullanarak kullanıcının IP adresine göre girdiği ülkeyi tespit edebilir, siteyi anında o dile çevirebilir veya engellenmiş ülkeleri sunucuya yük bindirmeden reddedebilirsiniz:

// middleware.ts
import { NextResponse } from 'next/server';
import type { NextRequest } from 'next/server';

export const config = {
  matcher: '/',
};

export function middleware(req: NextRequest) {
  // Edge sayesinde kullanıcının ülkesine erişim:
  const country = req.geo?.country || 'TR';

  if (country === 'US') {
    return NextResponse.redirect(new URL('/en', req.url));
  }

  return NextResponse.next();
}