This Friday: Hear from Sanity + Vercel experts on AI and better personalization in e-commerce

Published March 23, 2020

Recreating the CodePen Gutenberg Embed Block for Sanity.io

Official(made by Sanity team)

By Knut Melvær

Recreating the CodePen Gutenberg Embed Block for Sanity.io

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.

Was this guide helpful?

Related contributions