@sanity-typed/groq-js
Featured contribution
groq-js with typed GROQ Results
Shayan Hashimoto
Optimization resources
Guides, starters, plugins, and more. Resources to help you improve your content + metadata and connect it to the rest of your marketing stack.
28 Optimization tools
SEO tools
Featured contribution
Studio v2
Bring SEO insights into Sanity.
Go to SEO toolsAngular Sanity Image
This package provides tools for Sanity images in Angular apps. It has an Image Loader for optimization and a Sanity Image Directive for easy rendering. It works with Angular's NgOptimizedImage directive and Portable Text content, enabling smooth handling of Sanity images in various contexts.
Alfonso Andrés López Molina
Sanity Plugin Media i18n
The media plugin with addition of i18n
Go to Sanity Plugin Media i18nPreflight Check
A modular Sanity extension for running various link and SEO checks prior to publishing content.
Planetary
Uniform plugin for Sanity
This plugin augments Sanity Studio with ability to assign personalization criteria and enrichments tags to any documents inside your Sanity dataset.
Andrew Kumar
24 Optimization guides
Optimizing List Previews in the Sanity Studio
Optimize list previews in Sanity Studio to improve content editor workflow and productivity. Create better visual cues for a more intuitive CMS experience.
This is an external link at:sanitypress.dev
Mitchell Christ
Get Ridiculously Organized Quickly with GROQ
Discover powerful GROQ queries to streamline your Sanity content management. Optimize data structures, filter content, and handle complex projects with ease.
This is an external link at:sanitypress.dev
Mitchell Christ
Live CMS Previews with Sanity and Eleventy
How to set up on-demand builds with Eleventy to allow live content previews in Sanity
This is an external link at:www.codista.com
Angular + Sanity CMS: Mastering Images with the Sanity Image Directive (Part 3)
Explore the Sanity Image Directive and Loader from @limitless-angular/sanity to optimize and display images in Angular projects. Learn to update schemas, create an image component, and enhance your Portable Text setup. Unlock the power of dynamic image transformations and optimizations!
This is an external link at:dev.to
Alfonso Andrés López Molina
Creating the perfect array thumbnails
Are you using the new thumbnails for Sanity arrays, and want to speed up your whole screenshot process. We've got the perfect tool for you.
This is an external link at:roboto.studio
A really nice Mux video component
If you've used Mux Player, you know it comes at a cost of performance... Well todays the day to scrap that and take our stripped down code for optimal performance
This is an external link at:roboto.studio
37 Optimization projects made with Sanity
Roboto Studio
Featured contribution
Old faithful, but built in the app router. Testing out the latest and greatest features on our own website, now, with added purple.
Savory & Partners
We consulted Savory & Partners: boosting Lighthouse scores from 60 to 90+, migrating to Tailwind & optimising the hell out of GROQ
Waldorf School of New Orleans Website Redesign
Complete Redesign using Nextjs, Sanity, and Shopify.
Go to Waldorf School of New Orleans Website RedesignBoosting conversions by 30% with a powerful new website for a global food waste pioneer - Too Good To Go
Too Good To Go’s international teams now have a performant content-led platform that lets them move as fast as the organisation grows.
Go to Boosting conversions by 30% with a powerful new website for a global food waste pioneer - Too Good To GoWhoWhyWhen
Supercharge Your APIs
Go to WhoWhyWhenKiwi Storage
Highly-Performant Jamstack Website With Next.js and Sanity
Pagepro
15 Optimization schemas
Remove Array item's actions from the context menu
This Input component is used for removing e.g the Duplicate action for items in a list
Sigve Skaugvoll
Unlimited nesting
This snippet is useful if you want a desk structure that allows columns with a parent page and children pages underneath it. As deep as you would like.
René Hasert
groqd implementation with portable text custom marks
If you're working on integrating portable text with custom markDefs using groqd, the following code snippet could be very useful. It might save you a considerable amount of research time.
Oybek Khalikovic
What to do when Studio crashes due to conflicts in dependency versions?
If you install plugins or other packages with conflicting (peer) dependencies, you can use this useful workaround to unblock yourself.
Saskia Bobinska
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
Saskia Bobinska
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