Home
RSC Examples Gallery
All of the examples are shown in the grid below, grouped by tag. Most examples have more than one tag so show up here more than once.
page examples
Using error.tsx
Using the error.tsx convention to catch errors
pageerrorboundary
No error handling
When happens out of the box when you have an RSC error and don't handle it
pageerror
Component-level Suspense with slow data
Renders parts of your UI instantly, and streams in the rest as it becomes available
pagesuspensecomponent-suspense
No suspense, slow data loading
No suspense and slow data loading means this page loads very slowly
pageslowdataasync
Page-level Suspense
Uses a loading.tsx file to automatically wrap the page in a Suspense boundary
pagesuspenseloadingslowdata
error examples
boundary examples
async examples
suspense examples
Component-level Suspense with slow data
Renders parts of your UI instantly, and streams in the rest as it becomes available
pagesuspensecomponent-suspense
Page-level Suspense
Uses a loading.tsx file to automatically wrap the page in a Suspense boundary
pagesuspenseloadingslowdata
component-suspense examples
slowdata examples
loading examples
Page-level Suspense
Uses a loading.tsx file to automatically wrap the page in a Suspense boundary
pagesuspenseloadingslowdata