The final boss of front-end: block editors - Blog post
Christian Grøngaard joins the Code && Content podcast to walk through shipping a block editor, behavior state charts, and gherkins.
Simeon Griggs
Profile page of Simeon Griggs
Simeon's headline: Customer Education at Sanity
Simeon's website: www.simeongriggs.dev/
Simeon's location: Newcastle upon Tyne, UK
Joined: September 2019
Simeon's job title: Customer Education
Latest contributions
The final boss of front-end: block editors
Schema validation rules to enforce maximum file size - Schema
Prevent references to large files to reduce the chances of high bandwidth usage
Simeon Griggs
User Select Input - Tool
Select project members and save their ID to a document
Simeon Griggs
An opinionated guide to Sanity Studio - Guide
Official(made by Sanity team)
Sanity Studio is an incredibly flexible tool with near limitless customisation. Here's how I use it.
Simeon Griggs
Multi-Site CMS: Key Features and How To Choose The Right One - Article
Managing content for multiple websites? Discover the capabilities of multi-site CMSes, their benefits, and expert advice on picking the right one.
Simeon Griggs
How to generate massive amounts of demo content for Sanity - Guide
Official(made by Sanity team)
It can be useful for testing plugins, front ends, or other integrations to have a Sanity Studio populated with fake content.
Simeon Griggs
Visual Editing: give content teams a GPS for your CMS - Blog post
Visual Editing streamlines everyday content management with an intuitive, one-click path from website preview content to Studio.
Visual Editing with Next.js App Router and Sanity Studio - Guide
Official(made by Sanity team)
Setup "Live by Default" fetches and interactive live preview with Presentation in Sanity Studio
Sanity Studio + Remix fully featured template - Template
Featured contribution
Official(made by Sanity team)
Batteries-included website template for a content-editable, interactive live-preview enabled Remix website powered by Sanity Studio.
Simeon Griggs
Create a document form progress component - Guide
Summarise form progression by decorating the entire editing form for a document with a component loaded at the root level.
Simeon Griggs
Create richer array item previews - Guide
Object types use a preview property to display contextual information about an item when they are inside of an array; customizing the preview component can make them even more useful for content creators.
Simeon Griggs
Create interactive array items for featured elements - Guide
Save time going in-and-out of modals by moving some light interactivity to array items.
Simeon Griggs
Create an array input field with selectable templates - Guide
Make repetitive content creation tasks a breeze by supplying content creators with buttons to populate complex fields.
Simeon Griggs
Create a time duration object field - Guide
Delight your content creators with intelligent inputs for more complex data structures
Simeon Griggs
Create a survey rating number field input - Guide
Give content creators quick access to valid values by replacing the default number field input with a list of options.
Simeon Griggs
Create a visual string selector field input - Guide
Go beyond a plain radio list of inputs by giving authors more contextually useful buttons to select values from.
Simeon Griggs
Create a “coupon generator” string field input - Guide
Take the guesswork out of creating fields with correct values and automate content creation for authors.
Simeon Griggs
Workspace Home - Tool
A home screen for your multi-workspace Sanity Studio
Simeon Griggs
How to implement Multi-tenancy with Sanity - Guide
In this guide, you’ll see how Sanity separates organizations, projects, datasets, and members by working through a hypothetical example of a growing company that can expand its content model as they grow – without needing a complete overhaul.
Simeon Griggs
Availability - Tool
Schema and Custom Input to indicate and rapidly author availability data
Simeon Griggs
Schema validation rules to enforce image size or file type - Schema
Uses @sanity/asset-utils to validate an uploaded image by its ID
Simeon Griggs
Internationalized Array - Tool
Store localised fields in an array to save on attributes
Simeon Griggs
Hotspot array - Tool
Official(made by Sanity team)
Associate arrays with hotspots on any image
Creating a Parent/Child Taxonomy - Guide
Create common taxonomy schemas like Categories and Tags with parent/child relationships
Simeon Griggs
Document Internationalization - Tool
Official(made by Sanity team)
Create unique translations of a document based on its language, joined by a shared reference document
How to build a Remix website with Sanity and Visual Editing - Guide
Official(made by Sanity team)
Combine Sanity's blazing-fast CDN with Remix's cached at the edge pages.
Simeon Griggs
Creating a custom input to display and save third party data - Guide
Sometimes the content you need to reference lives outside of Sanity
Simeon Griggs
Orderable Document List - Tool
Official(made by Sanity team)
Drag-and-drop Document Ordering without leaving the Editing surface
Simeon Griggs
Cross Dataset Duplicator - Tool
Empower content editors to migrate Documents and Assets between Sanity Projects and Datasets from inside the Studio
Simeon Griggs
MonkeyLearn Pane - Tool
Studio v2
Send the contents of a Portable Text field to MonkeyLearn's API to extract insights with the power of Machine Learning!
Simeon Griggs
Google Translate - Tool
Official(made by Sanity team)
Machine translations from Google Translate directly in your Sanity Studio
Visual Editing with Next.js Pages Router and Sanity Studio - Guide
Setup interactive live preview with Presentation in a Next.js pages router application
ProseableText: Combine Tailwind CSS Typography with Portable Text - Guide
Get the best of both worlds. Tailwind-styled typography and Portable Text's markup-and-components structure.
Simeon Griggs
Iframe Pane - Tool
Display any URL in a View Pane, along with helpful buttons to Copy the URL or open in a new tab.
Simeon Griggs
SEO Pane - Tool
Run yoast.js analysis on your front end, refreshing as you edit your Document, from inside a View Pane.
Simeon Griggs
Documents Pane - Tool
Display the results of any GROQ Query inside a View Pane
GROQ Query for new and unpublished Documents - Schema
Not all Unpublished Documents are created equal
House Estate Agents - Made with Sanity
Data modelling with dynamic data imports
Simeon Griggs
useCurrentUser Custom React Hook - Schema
Get details of the currently logged in Sanity user
Simeon Griggs
Recipe Website Proof of Concept - Made with Sanity
Featured contribution
An exploration of recipe data models for improved user experience
Simeon Griggs
Quick Fields Helper Function - Tool
Studio v2
Writing Sanity Schema can get verbose and repetitive. Quick Fields is a helper function with sensible defaults to tidy up schema files.
Simeon Griggs
How to use structured content for page building - Guide
Official(made by Sanity team)
Learn how to create a page builder from structured content that can withstand the test of time and redesigns.
About Simeon
After over a decade of independent consultancy and agency experience, Simeon facilitates Customer Education at Sanity.
His approach is a mix of relentless positivity and genuine enthusiasm. He relishes problem-solving and creating clarity for developers (and regular humans) to better understand technical topics such as full-stack development, content modelling, and localization.
Originally from Australia, Simeon now resides in Newcastle-upon-Tyne, England.
Simeon joined Sanity in 2021 after being a Sanity customer and community regular for about two years. He started in Solution Engineering but now leads Sanity's Customer Education efforts so anyone can feel super confident creating the very best Sanity experiences for content creators.
He is a lifelong trail-running fanatic as of 2023.