Begrip: Revalidate path

Next houdt een cache bij van de pagina's die al bezocht zijn door de gebruiker tijdens de actieve sessie. Na een mutation is het mogelijk dat de data op één of meerdere pagina's verouderd is en opnieuw opgehaald moet worden.

Via de revalidatePath functie kunnen we aangeven dat één of meer paden op de website gerevalideerd moeten worden.

De functie heeft twee parameters. De eerste en enige verplichte parameter is een string die het pad aangeeft dat gerevalideerd moet worden. De tweede en optionele parameter heeft twee mogelijke waarden, 'page' en 'layout', die respectievelijk aangeven of je een pagina of layout wilt revalideren. Als je een layout revalideert worden alle kinderen ook gerevalideerd op het volgende verzoek naar die URL. Als je een pagina revalideert wordt alleen die pagina gerevalideerd en blijft de omringende layout ongewijzigd.

import {revalidatePath} from 'next/cache'

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

export async function action2() {
  'use server'
  // Doe iets op de server
  // Revalideer alle pagina's in de webapplicatie.
  revalidatePath('/', 'layout')
}