Module 01
Page 04
1 min

The Sanity Studio Interface

Learning how to navigate the Sanity Studio


Let's check out our Sanity Studio. Press CONTROL+` to open the terminal panel in Visual Studio Code and type npm run dev.

If you don't see a terminal panel pop out, try CONTROL+SHIFT+` to create a new terminal.

If you're successful, your terminal should look similar to this:

gregheffley@MacBook my-sanity-project % npm run dev
> my-sanity-project@1.0.0 dev> sanity dev
✔ Checking configuration files...Sanity Studio using vite@4.1.1 ready in 751ms and running at http://localhost:3333/

Now, go to http://localhost:3333 - this is where our Sanity Studio is locally hosted.

Checking out Sanity Studio

When you get to the page, it will ask you to login again - make sure you login the same way you did when making a Sanity account.

You should see a page that looks like this:

We don't have any document types or schemas yet, so it looks pretty empty. Until then, we'll quickly look around.

Desk

The Desk is our main page, and will show us all of our document types, letting us create, edit, and delete them. You can also customize your Desk using Desk Structure and the Desk Tool API.

Vision

Vision is where we will be querying our data using GROQ. Here, we'll be able to test the queries you can use with your own website to fetch data.

For now, there isn't much we'll be doing here - but in the next few pages, we'll be creating our first schemas, and then things will start looking a bit better.

Ritesh Kanchi © 2025