Begrip: Redirect

De redirect functie wordt gebruikt om de gebruiker door te sturen naar een andere pagina en kan gebruikt worden in een server component, route handler of server action.

Let op, er zijn verschillende versies van de redirect functie, gebruik de import uit next/navigation.

De redirect functie werkt intern door een error te gooien, je mag deze functie dus nooit in een try-catch gebruiken.

Server action

import { redirect } from 'next/navigation'

export async function action() {
  'use server'
  // Doe iets op de server
  redirect('/login')
}

Server component

import { redirect } from 'next/navigation'

const ServerComponent: FunctionComponent = async () => {
  const profile = await fetchProfile()
  
  if (!profile) {
    redirect('/login')
  }
  
  return <></>
}

:::