Volto Hydra Next.js Example Frontend

Docs

How Hydra Works Live Preview Visual Editing Custom Blocks Container Blocks Listings & Dynamic Blocks Templates & Layouts Deployment Patterns Advanced

Examples

Accordion Button Grid Heading Highlight Image Introduction Listing Maps Search Separator Table Teaser Text Table of Contents Video Form

Content Types

Another Page News Item Page Another Event Event Link Link (Internal)Another News Item External Link Typography - Page Title (H1, 48/56px)

Vertical Spacing

Grid and Button Grids and Grids Grids and Text Heading and Introduction Highlight and Grid Highlight and Text Listing and Listing Listing and Text Teasers and Text Text