Guides, starters, plugins, and more. Learn how use content as data for metadata, entity extraction, and text to speech with Sanity.io.

Content Enrichment resources

Content enrichment resources

Content Enrichment

Roboto Studio

Hrithik Prasad

Using Sanity Asset Source Open AI Plugin to generate images from Open AI on the fly

Revolutionizing Visual Content Creation with Sanity.io and OpenAI

Whether it's a page builder you're looking to create, or an article with authors, read time etc. We've got the starting point for you with this Sanity schema tips and tricks.

Tips and tricks for building Sanity schema efficiently

Stack Five

A basic guide on integrating Stable Diffusion into Sanity Studio

Generating Images Through Stable Diffusion in Sanity Studio

Get your articles looking slick with open graph images generated on the fly (like the one on here)

Dynamic open graph images with Sanity & Next.js

Saskia Bobinska

This Guide will lead you through the all the steps you need to level-up your use of Portable Text: from setting up block content, adding custom blocks and renderers for the Portable Text Editor in your studio. But also help you query for everything and render your awesome content in React!

Adding things to Portable Text - From block content schema to React component

Enrich your content and add inline blocks to your Portable Text Editor. This guide takes you from schema to query output

Add Inline blocks for the Portable Text Editor

Integrating a media manager into Sanity Studio so that your users can upload and link files in the PortableText content editor.

How to allow users to upload files to Sanity Studio and link them in the content editor

Formidable

To get around our "modern language features" issue, we can tweak the Sanity Webpack configuration so that it uses babel to transpile the library files for our third-party libraries that are causing us problems.

Third-party Packages in Sanity Studio V2

Kitty Giraudel

In this article, we will see how to extract headings from Sanity Portable Text to automatically generate a table of contents.

Table of contents with Sanity Portable Text

RD Pennell

Create a Custom Input Component that allows you to use 3rd party APIs to populate options in your lists. 

How to Asynchronously Populate List Options in the Sanity Studio

This validation can be used if you have two fields and you require one or the other to be filled

One or the other validation

Populate your list options in a string schema using an external API

Asynchronous List Options Component

Use the renderDefault function to easily control your available array options.

Filter Array Options Based on the Current User Role

William Iommi

Simple custom validation that force array length according to another field.

Custom validation on array length

Fetch an image from a URL and upload to Sanity it via the JS Client

Upload An Image From a URL

Alexander Staubo

Surjith S M

Suppose you have an Array Reference to Category and you want to get all posts with one of the categories listed in the current post. This is usually when you need to get related items. 

Get related items of a post in sanity by comparing category array reference with another array

A short snippet to filter category, tags or other document based on total referenced count. 

Sanity GROQ Filter category by highest reference count in other documents

Sometimes you want to validate items in an array, here is how

Validation of Array Items 

An Email field, that uses Regex-Validation.

Email Field with Validation

Joanna Kokot

After the approval (switch to true), the date of this operation is stored in a hidden field. 

Custom Input Component: Save the date of document approval

Simon Rogers

DOM-as-audio-visualiser for an independent music publisher

Bright Notion

Jason Lengstorf

Tara Z. Manicsic

Sarah Drasner

Ekene Eze

Phil Hawksworth

Lindsay Levine

Cassidy Williams

Jamstack Explorers is a free learning platform created by the team at Netlify to chart a course through the amazing offerings in the Jamstack ecosystem

Jamstack Explorers

David Gross

A high end rental real estate site built with Gatsby, Sanity and Shopify that pulls in listing data via API and includes a headless Shopify shop.

The Agnes

Simeon Griggs

An exploration of recipe data models for improved user experience

Recipe Website Proof of Concept

Kennedy Freitas

Content showcase & support platform fot musicians

Cover da Banda - Portuguese based platform for musicians 

Daniel J. Mierzwinski

Print shop connected to Shopify (w. HULL)

Paper Collective — E-commerce store

Aaron Cohen

Roberta's is a New American restaurant and pizzeria in Bushwick, Brooklyn, New York.

Roberta's

Kevin Green

Complete rebuild of the site on Hydrogen + Sanity. The new experience offers extensive modularity, scheduling, custom product bundling and various editorial options for clps. 

Baboon to the Moon

Allan Pooley

New Zealand Corneotherapy Institute

Zachary Davis

Website for the Museum of Us, in San Diego, California

Museum of Us

Bjørge Næss

Code Input

Sanity Asset Source Open AI Plugin

Sometimes a table is what you need. But do consider a more structured approach first!

@sanity/table

Sanity plugin to generate screenshots from URL

URL to Screenshot

Till Schweneker

Associate arrays with hotspots on any image

Hotspot array

Espen Hovlandsdal

Use geo-related input types using Google Maps.

Google Maps input

Zachary Coulter

Add images from Getty right from Sanity Studio

Asset source for Getty Images (Beta)

Natalie Marleny

Plugin to see which documents reference a particular document 

Referenced By

Andy Fitzgerald

Create and manage SKOS compliant taxonomies, thesauri, and classification schemes in Sanity Studio.

Taxonomy Manager

Liam Martens

This plugin provides a way of dynamically providing autocomplete results to your editors.