Begrip: Proxy

Proxy functies zijn functies die toegang hebben tot het request en response object en dit op een bepaalde manier manipuleren. In Next wordt de proxy uitgevoerd voor elk request, zowel voor pagina's in de applicatie, als voor statische files en API-routes.

Middleware moet gedefinieerd worden in /src/proxy.ts en enkel in deze file. Als je een complexe proxy functies hebt, en deze wilt opsplitsen in verschillende files, moet je de code importeren en oproepen in /src/proxy.ts als onderdeel van de proxy functie.

import {NextResponse} from 'next/server'
import type {NextRequest} from 'next/server'

export function proxy(request: NextRequest): NextResponse {
  // Nieuw response object aanmaken.
  const response = NextResponse.next()
  
  // Doe verder niet voor statisch files die intern door Next gebruikt worden. 
  if (request.nextUrl.pathname.startsWith('/_next')) return response

  // Algemene proxy code
  
  if (request.nextUrl.pathname.startsWith('/about')) {
    // Conditionele proxy code
  }
  
  // Geef het response object terug, inclusief eventuele modificaties.
  return response
}