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