Add data attributes to your rendered HTML to enable progressively richer visual editing features.

How to set up hydra.js, receive live updates, and define custom block types

How Hydra separates editing from rendering using an iframe bridge, and a guide to building a frontend

Key concepts behind Hydra's visual headless CMS architecture