Just started getting my feet wet with Builder.io and it’s pretty awesome. I’m looking at using it for an ecommerce frontend with a kind of shocking number of products that makes our it incompatible with most popular off-the-shelf ecommerce platforms, and this seems like a fantastic way to add a frontend to a bespoke product and cart backend.
My question is this: We’re using Lambda@Edge to prerender pages, which gives us the option of caching the render so it’s served directly from Cloudfront the next time this exact page is requested. This is necessary to keep our lambda and request costs reasonable. However, while 99% of each page is safe to cache and serve up to any future user, the little div that shows the logged in user obviously isn’t.
What’s the best practice for blocking an element from prerender so that React can hydrate it and render client-side? I’d really love for my marketing team to have access to the full page design from within Builder, but am looking at hacky solutions around this that don’t feel clean yet.