@sanity-typed/groq-js
groq-js with typed GROQ Results
Go to @sanity-typed/groq-jsGuides, starters, plugins, and more. Resources to help you improve your content + metadata and connect it to the rest of your marketing stack.
groq-js with typed GROQ Results
Go to @sanity-typed/groq-jsThis 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.
Go to Angular Sanity ImageThe media plugin with addition of i18n
Go to Sanity Plugin Media i18nA modular Sanity extension for running various link and SEO checks prior to publishing content.
Go to Preflight Check - SEO PluginThis plugin augments Sanity Studio with ability to assign personalization criteria and enrichments tags to any documents inside your Sanity dataset.
Go to Uniform plugin for SanityA select input plugin with images, labels and tooltips
Go to Image Options InputControl content visibility with time-based management, perfect for seasonal themes and dynamic updates.
This article discusses the reasons to consider moving from Wordpress to Sanity. It highlights the key features of Sanity and provides a quick reference guide for common WordPress features and their Sanity equivalents.
Optimize list previews in Sanity Studio to improve content editor workflow and productivity. Create better visual cues for a more intuitive CMS experience.
Discover powerful GROQ queries to streamline your Sanity content management. Optimize data structures, filter content, and handle complex projects with ease.
How to set up on-demand builds with Eleventy to allow live content previews in Sanity
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!
Old faithful, but built in the app router. Testing out the latest and greatest features on our own website, now, with added purple.
Go to Roboto StudioMarketing website for 144 Vanderbilt in Fort Greene, Brooklyn, showcasing 26 meticulously designed two-to-four-bedroom residences.
Go to 144 VanderbiltBuilding a lightning-fast credit card comparison platform in 6 weeks flat with Next.js and Sanity
Go to Money AtlasWe consulted Savory & Partners: boosting Lighthouse scores from 60 to 90+, migrating to Tailwind & optimising the hell out of GROQ
Go to Savory & PartnersComplete Redesign using Nextjs, Sanity, and Shopify.
Go to Waldorf School of New Orleans Website RedesignToo 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 GoThis Input component is used for removing e.g the Duplicate action for items in a list
Go to Remove Array item's actions from the context menuThis 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.
Go to Unlimited nestingIf 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.
Go to groqd implementation with portable text custom marksIf you install plugins or other packages with conflicting (peer) dependencies, you can use this useful workaround to unblock yourself.
Go to What to do when Studio crashes due to conflicts in dependency versions?Sometimes you need to change only one key-value-pair in your data, this is how you can do it in 2 lines
Go to Create a copy of an object and change a key-value pairOkay, well it might be at least in the top 3. Using getDimensions and optimising the hell out of your images, check out this snippet
Go to The best Next.js & Sanity <Image/> Component