Skip to main content

Prevent premature renders

· One min read
Patricio Lopez Juri

To prevent premature renders because you are waiting for an image or doing some slow CPU task you can toggle a .flyyer-wait CSS class in your template's HTML to tell our rendering service to wait until that class disappears.

Our decks in production use this class while waiting for use-smartcrop: https://github.com/useflyyer/flyyer-marketplace-brand/blob/main/templates/horizontal.tsx

export default function Template() {
  return (
    <div className={areYouReady ? "READY!" : "flyyer-wait"}>
      {content}
    </div>
  );
}

See more details at: /docs/advanced/flyyer-wait