Sanity.io VS Code snippets
A set of useful snippets to speed up your Sanity.io development. I've been using some of these snippets for over 3 years now, and they drastically increase my capacity to deliver fast and precisely, hope you enjoy
The snippets available
Every snippets starts with either sanity(...)
or groq(...)
, so you know they won't collide with your other snippets. They are enabled for Javascript & Typescript files, reach out if you need to enable them for other extensions.
- Sanity Schema (
sanitySchema
): Create a simple schema for the CMS (document, object or image) - Sanity Field (
sanityFld
): Add a field to a sanity object / document - Sanity Custom Description (
sanityDesc
): Add a custom description to a field, document or object - Sanity Optional (
sanityOptional
): Add a cue that a field is optional - Sanity Optional Encouraged (
sanityOptionalEncouraged
): Add a cue that a field is optional, but encourage writing it - Sanity Tip description (
sanityTip
): Add a tip as a field's description - Sanity Fieldset (
sanityFieldset
): Add fieldsets to a sanity object / document - Sanity Collapse Field (
sanityCollapse
): Make a given object field collapsible to help editors scroll less through the document - Sanity Required (
sanityRequired
): Make a given field required - Sanity Array Validation (min & max) (
sanityArrValidation
): Validate an array field based on its length - Sanity Basic Array (
sanityArrFld
): Create a basic array field in Sanity - Sanity Reference Field (
sanityRefFld
): Create a basic reference field in Sanity - Sanity Preview with Select (
sanityPreviewSelect
): Add a basic preview with selection object in Sanity - Sanity Select Object (
sanitySelect
): Add a basic selection object for preview in Sanity - Sanity Prepare Function (
sanityPrepare
): Add a prepare function for preview in Sanity - Sanity Preview with Select and Prepare* (
sanityPreviewSelectPrepare
): Add a preview with selection object and prepare function in Sanity - Sanity Object Field (
sanityObjFld
): Create a basic object field in Sanity - Sanity list of options (
sanityListArray
): Add a list array to string/number/array types to render specific options to users.🚨 For arrays, this only works if it's an array of strings, in which case it'll render checkboxes - GROQ block drafts constraint (
groqDraftConstraint
): Constraint for groq queries to prevent or limit to drafted documents - Component document view (
sanityViewComponent
): Add a view to a document with a React component - Structure document list (
sanityDocList
): Adds a listItem in your desk structure for custom document list. Perfect for filtering by document values or adding docs from multiple types
Feel free to contribute your snippets!
This is a work in progress
Your feedback is very much appreciated as long as it's respectful and inclusive :)