SEO tools
Featured contribution
Studio v2
Bring SEO insights into Sanity.
Go to SEO toolsOptimization resources
Guides, starters, plugins, and more. Resources to help you improve your content + metadata and connect it to the rest of your marketing stack.
13 Optimization tools
Sanity Lighthouse
The Sanity Lighthouse Plugin seamlessly integrates Google PageSpeed Insights into your SanityCMS workflow, providing comprehensive performance analysis. Generate reports, monitor performance, and optimize your website for faster load times and improved user experience, all within your existing development process. It's a developer-friendly tool that streamlines performance testing and optimization for your SanityCMS-powered website.
Halo lab
Copy/paste Plugin
With this plugin, you can finally copy/paste referenced blocks in array type of fields in Sanity Studio.
Go to Copy/paste PluginCheck Document References
With this plugin, you can check document references
Go to Check Document ReferencesNext Sanity Client
Sanity Client for Next.js Apps with App Dir Support
Federico Minaya
sanity-typed-schema-builder
Build Sanity schemas declaratively and get typescript types of schema values for free!
Shayan Hashimoto
8 Optimization guides
How to dynamically create a sitemap with Sanity and Remix
In this article we explain how we use Sanity and Remix to dynamically create sitemaps. The example used is from Heavybit, a developer tools VC in San Francisco.
This is an external link at:tinloof.com
Tinloof
Clean Your GROQ
Learn the best practices for cleaning Groq queries to improve data accuracy and speed up the query processing time. Discover tips for streamlining and optimizing your queries for maximum efficiency.
This is an external link at:roboto.studio
Adding things to Portable Text - From block content schema to React component
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!
Saskia Bobinska
A/B testing with Sanity and LaunchDarkly
We use Sanity to build fast websites that rank on the Google search engine and attract users. A/B testing is a great way to find out what content fits better with your target users, so integrating it on Sanity is a great way to test your content with real users before going live with them.
This is an external link at:tinloof.com
Tinloof
SEO best practices on Sanity
When we build a website with Sanity, we configure SEO best practices to rank higher on search engine result pages.
This is an external link at:tinloof.com
Tinloof
Self-Hosting Sanity Studio with GitHub Actions
A comprehensive guide to self-hosting Sanity Studio on DreamHost with GitHub Actions for continuous integration.
This is an external link at:www.andyfitzgeraldconsulting.com
Andy Fitzgerald
Universal Links in Sanity.io
Deep Link to your Sanity Content easily with this Branch.io plugin
This is an external link at:seansy.medium.com
Sean H
Using Facial Recognition to Create Sanity Hotspots
In this guide, we will use AWS Rekognition to find a face in Sanity.io images to better serve assets to users
This is an external link at:medium.com
Sean H
21 Optimization projects made with Sanity
nTop
A refreshed digital experience for the rebranding of nTop and launch of their new product.
Planetary
PokeBook
Poke!Book is your own digital notebook for writing poetry. Get into your creative flow with distraction-free environment and never worry about saving what you write!
Go to PokeBookHannah King
Personal website for developer Hannah King
Hannah King
mrdannyjohnson.co.uk
Portfolio site built using Astro.js and tailwind with 100% web vitals.
Go to mrdannyjohnson.co.ukDevelRx
How we rebuilt Nottingham's drug development experts' website
Roboto Studio
Davidson Homes
Converting a Wordpress site to a Sanity-powered headless website.
adaptable
9 Optimization schemas
Validation of url input to allow certain URI schemes
Validation of url input to allow certain URI schemes (mailto, tel and more included)
Saskia Bobinska
Validation of Array Items
Sometimes you want to validate items in an array, here is how
Saskia Bobinska
Custom Input Component with Webhook
Custom input component with a DIY webhook for connecting to APIs beyond publish, update, and delete events.
Andy Fitzgerald
Internal/External Next.js Link
Internal/External link based on the conditional field example with Next.js component starters
Roboto Studio
Sanity Custom Preview Component to get Parent Document
Studio v2
Sanity preview component cannot access the parent/document if its inside an array or object. Using Custom Preview component, we can solve the issue.
Surjith S M
Reference document browser input
Visually browse the reference documents you want to select in a document.
Karin
GROQ Reference Lookup + Add & Replace
Run GROQ queries in the studio to populate an array module.
Kevin Green
GROQ query to find duplicate data
GROQ query that finds duplicate data in a given field.
Geoff Ball
Conditional validation of string
Validate a field only if a sibling boolean type is set to true.
Geoff Ball