Front-end previews that behave like production — same runtime, slimmer asset syncs, faster iteration for stakeholder review and QA.
A preview environment is only useful if it behaves like production. I rebuilt ours so previews run the same rendering stack as prod — no separate preview quirks to second-guess — and trimmed the asset syncs so a preview is ready in seconds instead of minutes.
Highlights
- Runs previews on the framework's standalone output — the same runtime as prod
- Slims asset syncs by excluding heavy directories like node_modules and build caches
- Treats each preview as a versioned instance, so a given PR renders the same across every review
Rendering diagram…
Result
Asset syncs dropped from minutes to seconds once node_modules and build caches were left out of them. And because the preview ran the same server runtime as prod, reviewers caught rendering and data bugs in the preview instead of after promotion — with no extra infra to babysit.