Projects

Preview in real time any changes to your content

Discover how Nuxt Studio's live preview feature lets you instantly see updates to your Nuxt Content project.

Preview your website in real time

How does it work?

Thanks to the mdc syntax and extensive research and development, we are able to immediately preview updates without the need to start another Nuxt server.

We're using your production website to override contents and display the new visual. This is why we need the URL to be set in the deploy section.

The Studio module must be enabled on this URL for the preview to works correctly.

In Studio

When you are editing your website with Studio, the live preview can be displayed on the right part of your screen. We are communicating with the frame through window messaging, giving instant feedback when typing. It syncs the preview based on your draft updates.

Out of Studio

When sharing a preview URL with someone, we communicate through Web sockets, giving live updates when you are editing your content to the end user. This behavior is secured.