Error boundary
En React-mekanism som fångar fel i sin komponentträd och visar ett reservgränssnitt i stället för att krascha hela sidan.
Om en komponent kastar ett fel under rendering kraschar normalt hela React-trädet. Error boundaries bryter den effekten: fel inom trädet fångas av närmaste error boundary, som visar en felvy i stället för att ta ner hela sidan.
I Next.js App Router skapar du error boundaries med en speciell error.js-fil i en route-mapp. Next.js hanterar det underliggande React-mönstret åt dig — du behöver bara exportera en komponent som visas vid fel, med en reset-funktion för att försöka igen.
Error boundaries är viktiga för robusthet i produktionsappar. Kombinera med ett felrapporteringsverktyg som Sentry för att logga fel som fångas i produktion och få insyn i vad som faktiskt går fel för användarna.