Skip to content
Sanity
Get started
  • Sanity Studio - Flexible editing environment
  • Content Lake - Real-time database
  • Developer experience - Tooling you love
  • Structured content - The philosophy behind Sanity
  • Review changes - View edits & rollback instantly
  • Image pipeline - On-demand transformations
  • E-commerce - Better shopping experiences
  • Marketing sites - Control your story
  • Products & services - Innovate and automate
  • Mobile apps - Content backend for every OS
  • Aether - Unique digital shopping experience
  • Morning Brew - Omnichannel media distribution
  • InVision - Delivering exceptional customer experiences
  • DataStax - Personalization for global audience
  • React
  • Gatsby
  • Next
  • Nuxt
  • Eleventy
  • Netlify
  • Vercel
  • Algolia
  • Documentation
  • Reference
  • Guides
  • Resource library
  • Headless CMS
  • Tools & plugins
  • Project showcase
  • Schemas & snippets
  • Agency partners
  • Technology partners
  • Get support
  • Share your work
  • Announcing: Sanity Community Ambassador Program
EnterprisePricing
Contact salesLog inGet started
Published May 7th 2020

The Kitchen Sink Studio

The Kitchen Sink Studio is our ever-evolving example studio used to demo Sanity. We have made it available through sanity.io/create for people who want a feature-rich demo.

Rune Botten

Rune is a Principal Solutions Engineer and Architect at Sanity working mainly with our enterprise clients.

Gotcha

Note (2022-12-07): The Kitchen Sink Demo has since been deprecated with the Sanity Studio v3 release. Go to sanity.io/templates to explore other demos.

If you want a hands-on practical demo of the many customizations you can do with Sanity, you can now deploy our Kitchen Sink Studio. It is our ever-evolving demo-studio built to show off the functionality that you get with Sanity.io. It’s an excellent starting point when you want to pitch Sanity to prospective clients.

With the Kitchen Sink Studio you get examples of:

  • How to use the Studio‘s page builder to create landing pages, and present them in a web frontend
  • Example frontend currently using Gatsby, and Tailwind.css for styling
  • “Just add water” deployment on Netlify
  • Edit blog posts with side-by-side web-previews, can be configured to Gatsby Preview for real-time previewing in production and not just local development
  • How to manage SEO metadata like fields for Open Graph meta-tags
  • How to set up navigation for structured content, which allows for proper decoupling and omnichannel
  • Custom embedded objects in rich text for Instagram posts, social media videos, LaTeX math etc.
  • Field validations
  • Custom slugify functions with promises
  • Examples of how to use plugins and custom input components
  • Examples of custom document and document type lists using structure builder
  • Custom asset sources for Unsplash and AI-generated person photos
  • …and more

There’s also a new video that walks you through many of the things you can do with it, and we’ll be releasing more videos as this project expands with more feature demos over time.

Since our launch, we have been in numerous meetings demonstrating Sanity.io and how you can customize it to fit your team’s requirements and needs. Of course, what we have learned is that organizations have a healthy mix of common and unique questions about what they can achieve with structured content.

We have addressed some of these questions in this guide. But as they say, the proof is in the eating of the pudding. Demonstrating and giving people a feel for how they can work has been vital for us. The Kitchen Sink Studio lets us quickly put tailored demos together. By open-sourcing it, we hope that you can do the same for your prospective clients.

Platform

Structured ContentDeveloper experienceContent LakeSanity StudioSecurity & Compliance
  • Sanity vs Contentful
  • Sanity vs Strapi
  • Sanity vs Adobe Experience Manager
  • Sanity vs Hygraph
  • Sanity vs Sitecore
  • Sanity vs Storyblok
  • Sanity vs Contentstack
  • Sanity vs Prismic
  • Sanity vs Drupal

Resources

Documentation
  • React Blog
  • Gatsby Blog
  • Next.js Landing Pages
  • Progressive Web Application
  • Single Page Application
  • Svelte & Typescript App
  • Vue & Tailwind Blog
  • Developer Portfolio Templates
  • Form validation with Yup
  • Live Preview with Next.js and Sanity.io
Resource library
  • Agency partners
  • Technology partners
  • Blog Template
  • Personal Website Template
  • Developer Portfolio Templates
  • All Templates
Case Studies
  • Headless CMS
  • What is an API CMS
  • Static Sites 101
  • Headless SEO
  • Localization
  • GraphQL vs REST
  • What is a DXP?
  • Typescript 101
  • React CMS
  • Next.JS CMS
  • CMS for Shopify
  • Content platform
  • Multilingual CMS
  • Static Site CMS
  • Gatsby CMS
  • Node CMS
  • E-commerce CMS
  • Vue CMS
  • Angular CMS
  • GraphQL CMS
  • Newspaper CMS
  • Magazine CMS
  • Mobile apps CMS

Company

Contact SalesEnterpriseCareersTerms of ServiceAccessibility Statement

Stay connected

  • GitHub
  • Slack
  • Twitter
  • YouTube
  • Stack Overflow
  • Blog RSS
  • Newsletter
©Sanity 2023