Sanity Inline Block Content Demo

How Sanity’s Block Content Powers This Page

This page was built using Sanity CMS, leveraging its inline block content to structure the content as JSON objects. We used a combination of inline blocks and custom blocks to create a flexible and reusable content model.

Sanity CTA

Full Width Banner Call 2 Action Test

This is a full width CTA from Sanity. It uses an image hotspot for responsive design. The trailer will always be the focal point.

Schema based

Native next.js

Flexible and fast

Future proof

Hot spot image focus

Contact

Sanity’s Block System

Sanity’s block content system allows us to define content as modular JSON elements. For this post, we used a schema with inline blocks for text and custom blocks for specialized components, making content creation and rendering straightforward.

The Blocks We Used

The content model includes:

Inline Blocks: Handle text elements like headings and paragraphs, with support for styling (e.g., bold, italic, links).
Custom Blocks:
- Image Block: Embeds images with fields for alt text and captions.
- CTA Block: Adds interactive buttons for user engagement.

Awesome

CTA Boxed Style

This is a boxed style cta...

Boxed

Clean

Modern

Box Me Up

Why Blocks Are Useful

Sanity’s block-based system provides:

Modularity: Content is reusable across different pages or projects.
Ease of Use: Editors can arrange blocks without coding.
Flexibility: JSON output integrates seamlessly with front-end frameworks like React, which we used for this site.

Build with Blocks

Sanity’s block content enables creators to craft dynamic, structured content efficiently, making it ideal for blogs, websites, or apps.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.