Keystatic Live Previews with Next.js' Draft Mode

In this video, I walk through the setup on the Keystatic.com website to power real-time previews, leveraging Next.js' draft mode feature.
I wrote a step-by-step guide here: keystatic.com/...

[@marcel830]

Thank you, a great feature!
Are there any plans to display a live preview, side by side, next to the editor?

[@simonswiss]

I doubt it, because as currently setup, those "live" previews only update when you save and commit to GitHub.
Side by side preview is only useful if happening on every keystroke.

[@jamesdenmark1396]

Looking fresh! :D

[@simonswiss]

Haha yeah, almost a fresh new start!

[@hoperiser]

Do you think you'd add support for Angular framework, now that it's esbuild & vite friendly ?

[@simonswiss]

Keystatic itself is built with React, and this is not going to change - but you can probably use it with an Angular project if you're willing to put Keystatic in a subfolder of your project, and run two separate dev servers.
You can output your Keystatic content in your project root where your Angular project lives 👍

[@hoperiser]

Ok great ! Thanks @@simonswiss for pointing that possibility 🙏! I wish that could be possible easily indeed. Maybe with Astro, multiple tech stacks also ?

[@TajAlasfiyaa]

thank you