Schemas and snippets

Variant Generator Custom Input Component for Products with Options

Variant Generator for Products with Options

Open editor and preview pane in split view all the time

Open editor and preview pane in split view all the time

Helper function to add custom components above or below a native one.

Insert related components next to a native one

Add items to top of array with custom '+ Add item' button

A code snippet to create a custom '+ Add item' button to add items to the top of an array.

Custom PageBuilder Input Component - Preview Blocks & Sections

Wanna use Sanity to build a PageBuilder? Show previews of your blocks/sections!

Sanity & Formspark Form Generator

On the fly form generation with Sanity & Formspark

Portable Text Mock Content

If you're looking to mockup portable text in Storybook without a Sanity backend, this is the schema you're looking for

Disable new document creation button at structure and global level with document.newDocumentOptions

Code examples using document.newDocumentOptions to hide the Create new document button at the structure level and/or disable it in the global create menu.

Create a dynamic 'Unmapped fields' group in your document definition

A dynamic group filled with fields that don't have any defined group.

Conditional values in GROQ queries

Only return a value when a condition is fulfilled

Create a new reference document with parameterised initial Values

If you want to make it possible to use parameterised initialValue templates in reference fields, this is how!

GROQ Readability Helper 🤓

Less is more - We're breaking down some of the core helpers we use when building our websites

Filter Content by Multiple Tags

Search documents that are tagged with at least one of these tag slugs

Backlinks Query

Get all content that references the current document

Page Builder Starter

This is a simple starting off point to allow users to organize a page

Create a copy of an object and change a key-value pair

Sometimes you need to change only one key-value-pair in your data, this is how you can do it in 2 lines

The best Next.js & Sanity <Image/> Component

Okay, well it might be at least in the top 3. Using getDimensions and optimising the hell out of your images, check out this snippet

Get the categories/subcategories an author has written for