Guides, starters, plugins, and more. Get inspiration and learn how to build great marketing websites and landing page builders with Sanity.io.

Marketing site resources

Marketing website resources for Sanity.io 

Marketing site

Roboto Studio

We break down the latest V3 terms into bite-sized laymen's chunks

What Sanity Studio v3 means for clients

Andrew Kumar

In this guide, we'll cover live preview, edit in context, local development, and deploy processes with Stackbit and Sanity.

Stackbit + Sanity: architecture overview

Sean C Davis

This guide covers the high-level process of adding Stackbit to an existing project that uses Sanity as its content source.

Stackbit docs: adding Stackbit to a Sanity-powered website

Tinloof

At Tinloof, we aim to create websites that retain users, and tracking their interactions is key to making that happen.  We’ll explain in this article the analytics possibilities with Sanity and how we make them possible in our projects.

Analytics with Sanity

Sanity is a content platform that is used to unify, structure, and deliver the content of an organization.  We regularly use it as a headless CMS for our clients to control the content and layout of their websites, whose frontend is usually built with a framework like Remix or Next.js.

Guide to content creation with Sanity

Even though we like Contentful and still use it in some of our projects if it’s the client's preference, Sanity is our headless CMS solution of choice.  In this article, we'll explain 5 reasons why we prefer Sanity.

Why we prefer Sanity over Contentful

When we build a website with Sanity, we configure SEO best practices to rank higher on search engine result pages.

SEO best practices on Sanity

Diego Salinas Gardón

In this guide, I'll show you how to create a podcast web app using Sanity Podcast Studio, Next.js, and Vercel. 

Create a podcasting web app with Sanity Podcast Studio

Henrique Doro

Leverage modern HTML & CSS to build simple and robust images that are lazy-loaded, performant and accessible ✨

Rendering performant Sanity.io images (framework agnostic)

This short piece if meant for non-developers who want to understand what a Headless CMS is.

Explain Like I'm Five: Headless CMS

Sigurd Heggemsnes

Use GROQ to order by last name in where name is stored as full name

Internal/External link based on the conditional field example with Next.js component starters

Internal/External Next.js Link

Surjith S M

Sanity preview component cannot access the parent/document if its inside an array or object. Using Custom Preview component, we can solve the issue. 

Sanity Custom Preview Component to get Parent Document

Knut Melvær

How to automatically generate linked headings with a custom serializer

Anchored Headings for Portable Text

Fershad Irani

Document specific content previews

It will expand the reference (projection) which is deeply linked in an array and optional using select funtion. 

Projection of a reference item in a deeplinked optional array.

Jan Hoogeveen

Feature flags with Sanity and Next.js

Image gallery

Bryan Robinson

E-commerce alert banner schemas and GROQ query

Schema for a text with a heading and a illustration with a caption.

Heading, text, and illustration

Dan Malone

Arjen Scherff-de Water

Fresco Cooks make software for smart appliances

Fresco Cooks

Mission Control Chrome Extension

Corey Ward

Website for Config, the global design conference by Figma.

Figma Config

Thomas Z Lukoma

A quickly spun-up marketing site for church activities related to Black History Month themes to help centralize all the information for the congregation.

Black History Month Church Activities Micro-Site

Josh Lind

Gain complete visibility into engagement happening in all digital channels. Take action to deliver personalized and authentic interactions across the entire customer journey.

Common Room website

Kennedy Freitas

Content showcase & support platform fot musicians

Cover da Banda - Portuguese based platform for musicians 

3200.PRO Ryan Murray

Innovative Procedural Spinal Solutions Showcase

Innovative Procedural Spinal Solutions Website

Lemon Hive

Built by Lemon Hive, the Rise at Seven (Drum Digital Industries Agency of the Year 2021) website uses Sanity with Gatsby.

Rise at Seven

Todd Padwick

A brand new online presence for an industry-leading, end-to-end decarbonisation solution

CoolPlanet Marketing website

Werner Glinka

Ruhrpott

Rita Dias

Cody Olsen

Nina Andal Aarvik

A Sanity-powered blog with built-in content editing and instant previews.

Blog with Built-in Content Editing

Hrithik Prasad

Sanity Asset Source Open AI Plugin

Jaydan Urwin

Astro + Sanity

Espen Hovlandsdal

PortableText to React

Rune Botten

Adds the Bynder Digital Asset Management system to your Studio

Bynder

Sean H

sanity-plugin-branch-link

Access and reference images and videos from your Cloudinary account within the Sanity Studio.

sanity-plugin-cloudinary

Editor friendly slug fields for your Sanity.io studio

Prefixed slug input

Easily leverage the power of Sanity's image API from React-based environments like Gatsby.