Learning to create custom Sanity Desk components with tutorial videos and guides

9 replies
Last updated: Apr 30, 2020
I think Im ready to start learning to create custom Sanity Desk components. Are there any good tutorial videos or Knut or anyone explaining this process? Thanks!
AI Update

Great question! Learning to create custom Sanity Desk components is an exciting step forward. Let me point you to some helpful resources.

Official Documentation and Tutorials

The best place to start is the Structure customization lesson in Sanity's Studio Excellence course. This lesson includes a video walkthrough that covers:

  • Defining custom structures with the Structure Builder API
  • Creating document view panes
  • Filtering and organizing document lists

The lesson walks through practical examples like creating filtered lists (upcoming vs. past events) and adding custom document views using plugins like the Documents Pane plugin.

Understanding Custom Document Views

For custom desk components specifically, you'll want to understand two key concepts:

  1. Structure Builder - This is the API that lets you customize how document lists and views are organized in the Structure tool (formerly called the Desk tool in Studio v2)

  2. Component Views - These allow you to add custom React components as views within document editors, going beyond the default form view

Getting Started

The Structure Builder uses the S object (short for StructureBuilder) to define custom layouts. You can:

  • Filter and organize document lists with custom GROQ queries
  • Add custom view panes to documents using S.view.component()
  • Create specialized interfaces for different content types

For more advanced customization, check out the Structure Builder cheat sheet which has quick examples of common patterns.

Community Resources

While I couldn't find specific recent video tutorials from Knut on this exact topic, Knut Melvær's profile on Sanity.io has various tutorials and guides that might be helpful for related topics.

The Studio Excellence course is really your best bet - it's comprehensive, up-to-date with Studio v3, and includes both video and written content with practical examples you can follow along with. Good luck with your custom components!

You can be the judge of whether they are good 🙂
You can be the judge of whether they are good 🙂
Amazing! Thanks
Knut Melvær

You know, I’ve read through the that last guide you sent and its great, Im just better at learning from videos (I dont know why). I’ll take a look at those other videos! I’ve seen them posted before but didnt think they were geared toward a first time creator.

I’ll give them a watch, I’m sure they’re great. All youralls content is!

Sanity – Build the way you think, not the way your CMS thinks

Sanity is the developer-first content operating system that gives you complete control. Schema-as-code, GROQ queries, and real-time APIs mean no more workarounds or waiting for deployments. Free to start, scale as you grow.

Was this answer helpful?