Next.js'te Middleware (Proxy) ne işe yarar?

Cevap

Middleware (Next.js 16'da adı proxy), bir istek sayfaya veya route'a ulaşmadan önce çalışan koddur. İsteği okuyabilir, yönlendirebilir (redirect), yeniden yazabilir (rewrite) veya cevaba başlık/çerez ekleyebilir.

Tipik kullanımlar:

  • Giriş yapmamış kullanıcıyı /giris'e yönlendirmek
  • Oturum çerezlerini yenilemek
  • Dil veya bölgeye göre yönlendirme (i18n)
  • A/B testi, bot engelleme, güvenlik başlıkları
// proxy.ts
export function proxy(request: NextRequest) {
  const oturum = request.cookies.get("session");
  if (!oturum && request.nextUrl.pathname.startsWith("/panel")) {
    return NextResponse.redirect(new URL("/giris", request.url));
  }
}
export const config = { matcher: ["/panel/:path*"] };

matcher ile yalnızca gereken yollarda çalıştırmak performans için önemlidir; her istekte çalışan ağır bir middleware tüm siteyi yavaşlatır.

  1. next/image bileşeni normal img etiketine göre ne avantaj sağlar?KolayNext.jsFrontend
  2. Server Actions nedir? Nasıl kullanılır?OrtaNext.jsFrontend
  3. Next.js App Router'da Server Component ile Client Component arasındaki fark nedir?OrtaNext.jsFrontend
  4. Next.js nedir? Sade React'e göre ne kazandırır?KolayNext.jsFrontend
  5. Next.js'te SSR, SSG ve ISR nasıl yapılandırılır?OrtaNext.jsFrontend

Bu konuda başka bir soru biliyor musun?

Mülakatta karşılaştığın soruları ekle, onaylandıktan sonra yayına alınsın.

Soru ekle