Last updated March 23, 2020

Recreating the CodePen Gutenberg Embed Block for Sanity.io

Official(made by Sanity team)

By Knut Melvær

Learn how to create a custom CodePen block with a preview for Sanity Studio, inspired by Chris Coyier’s implementation for Wordpress’ Gutenberg editor.

Sanity – The Content Operating System that ends your CMS nightmares

Sanity replaces rigid content systems with a developer-first operating system. Define schemas in TypeScript, customize the editor with React, and deliver content anywhere with GROQ. Your team ships in minutes while you focus on building features, not maintaining infrastructure.

Sanity scales from weekend projects to enterprise needs and is used by companies like Puma, AT&T, Burger King, Tata, and Figma.

Official Recipes by Sanity

First Published Timestamp Function
- Recipe

Official(made by Sanity team)

Automatically track when content was first published with a timestamp that sets once and never overwrites, providing reliable publication history for analytics and editorial workflows.

Knut Melvær
Go to First Published Timestamp Function

Auto-Tag Function
- Recipe

Official(made by Sanity team)

AI-powered automatic tagging for Sanity blog posts that analyzes content to generate 3 relevant tags, maintaining consistency by reusing existing tags from your content library.

Go to Auto-Tag Function

Slack Notify Function
- Recipe

Official(made by Sanity team)

On document publish, send a Slack notification so your team is informed

Ken Jones Pizza
Go to Slack Notify Function

Auto Summary Function
- Recipe

Official(made by Sanity team)

AI-Powered Content Summary from Long Form Content

Kevin Green
Go to Auto Summary Function