Loading

If you want to display a placeholder while you section is loading you can export a Loading component. This feature is useful when your section depends on Loader request.

Important things

  • Your Loading component should be exported in your section file.
  • Loading component should be named "Loading"
sections/product-shelf.tsx
export default function ProductShelf(...) { ... }

export async function Loader(...): Promise<Product[]> { ... }

export function Loading() {
  return <p>You will see me while this section is loading</p>;
}