Real-time Editing: Autosave & Live Preview

I hate the Save button - I always forget to click it. So, I’ve used an Payload feature that automatically saves everything and shows you a 1:1 live preview in real-time

I’ve configured the CMS to save your work every 500 milliseconds.

Autosave

Continuous Sync: As you type, Payload is already creating a draft in the background.

 If your browser or internet crashes, your latest changes are already safe.

Changes stay as a "Draft" until we hit Publish, so we can experiment freely without breaking the live site.

The Live Preview (My biggest feature)

This is what I’m most proud of (took damn a lot of work). On the right side of the screen (the eye icon), you have a FULL live version of the website.

It's a real Astro server running the exact same code as the live site, just rendered on-demand. You can toggle between Desktop and Mobile views directly in the CMS to see how the fluid design scales.

Versions & Time Travel

Payload keeps a version history of every single save. We can look back at what the post looked like many publishes ago.