CoursesDay One with Sanity Studio

Day One with Sanity Studio

10
Lessons
Simeon Griggs
Simeon GriggsPrincipal Educator at Sanity
Knut Melvær
Knut MelværHead of Developer Community and Education
Certification
Sanity developer certification
Track
Sanity developer essentials

Lessons in this course

Get a top-level understanding of the Sanity Studio configuration API to embed a fully configured and near-infinitely customisable content editing interface into any React application. Then write a GROQ query and present data in a front-end.


1: Prerequisites

1
Task

In this course, you'll set up a Sanity Studio from scratch. You'll create content types for events, venues, and artists. Improve the authoring experience, query content with GROQ, and render it to a front end.


2: Getting started

1
Task

With a new Sanity project created and a new Studio project installed, you're ready to get started with local development!


3: Creating a schema

16
Tasks

Learn how to configure a schema for Sanity Studio that defines your content model and builds out an editorial interface.


4: Improving the editorial experience

14
Tasks

Elevate the basic editorial experience with field titles, descriptions, validation, conditional fields, field groups, and document list previews.


5: Custom input components

3
Tasks

Learn how to customize input components for Sanity Studio to further enhance the editorial experience for specific use cases.


6: Structure customization

6
Tasks

Learn how to customize how document lists and document views are organized in the Structure tool.


7: A taste of GROQ

5
Tasks

GROQ is a query language for JSON data. Learn just enough to query your content.


8: Display content in a Next.js front end

13
Tasks

You've now crafted a content creation experience and learned how to query from the Content Lake. All that's left to do is distribute that content to the world.


9: Deployment and next steps

4
Tasks

Your Content Lake connected Sanity Studio is still stuck on your local computer. It's time to deploy and get it into the hands of your editors.


10: Day one quiz

Let's test everything you've learned in this course by answering the following ten questions.