Suspense

Suspense låter React visa en fallback-komponent — typiskt ett skelett eller laddningsindikator — medan ett barn väntar på att bli redo. Du omsluter det avvaktande barnet med <Suspense fallback={<Skeleton />}>.

I Next.js App Router integreras Suspense djupt med streaming: en server component som hämtar data kan suspenda, Next.js streamar ut en laddningsvy direkt och ersätter med det färdiga innehållet när det är klart. loading.js-filen i App Router är i grunden ett Suspense-gränssnitt.

Suspense gör att snabba delar av sidan syns omedelbart medan långsamma delar laddas in, utan att blockera hela sidan. Det förbättrar upplevd prestanda utan att du behöver skriva komplex laddningslogik manuellt.