Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Save more on your purchases now! discount-offer-chevron-icon
Savings automatically calculated. No voucher code required.
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Jumpstart Jamstack Development

You're reading from   Jumpstart Jamstack Development Build and deploy modern websites and web apps using Gatsby, Netlify, and Sanity

Arrow left icon
Product type Paperback
Published in May 2021
Publisher Packt
ISBN-13 9781800203495
Length 252 pages
Edition 1st Edition
Languages
Arrow right icon
Authors (2):
Arrow left icon
Christopher Pecoraro Christopher Pecoraro
Author Profile Icon Christopher Pecoraro
Christopher Pecoraro
Vincenzo Gambino Vincenzo Gambino
Author Profile Icon Vincenzo Gambino
Vincenzo Gambino
Arrow right icon
View More author details
Toc

Table of Contents (17) Chapters Close

Preface 1. Chapter 1: History of the Jamstack 2. Chapter 2: Introduction to Sanity FREE CHAPTER 3. Chapter 3: Exploring Sanity Studio 4. Chapter 4: Sanity Configuration and Schemas 5. Chapter 5: Sanity's GROQ Language 6. Chapter 6: Sanity's GraphQL Playground 7. Chapter 7: Gatsby – An Introduction 8. Chapter 8: Gatsby and GraphQL 9. Chapter 9: Gatsby Source Plugins 10. Chapter 10: Building Gatsby Components 11. Chapter 11: APIs – Extending Gatsby 12. Chapter 12: APIs – Alexa Skills 13. Chapter 13: Tying It All Together 14. Chapter 14: Deployment Using Netlify and Azure 15. Chapter 15: Conclusion 16. Other Books You May Enjoy

Sanity Studio overview

The starter project is a blog site where a user may add the following:

  • Blog posts
  • Authors
  • Categories

Throughout this book, we are going to extend this functionality by creating a news and events website, adding new types of content and new types of fields.

We will manage the application settings and content from Sanity Studio.

Click on the Studio link from the Sanity Studio details section given below the top-level menu.

The first screen contains the Sanity Studio Dashboard, where there are some useful widgets that we are going to explore now.

Navigation

From the Navigation menu, all sections of Sanity Studio may be accessed, as illustrated in the following screenshot:

Figure 2.10 – Sanity Studio navigation menu

Figure 2.10 – Sanity Studio navigation menu

Clicking on the Pencil sign will open a pop-up where you can choose to add a Blog post, an Author, or a Category.

From the Search field, you can look for any Blog post, Author, and Category.

Dashboard and Desk are the two main sections of the application. Let's discuss these in detail.

Dashboard

In the Dashboard section, we have shortcuts divided in blocks that link to all the sections included in Sanity Studio.

Edit your content

From this shortcut, the user has access to subpages of the Desk section, such as the following:

  • Settings
  • Blog posts
  • Authors
  • Categories

Netlify sites

This block lists the Netlify sites created for a project. We can click View or Admin to perform operations on our application. If any website content is changed, a deployment may be triggered by clicking on the Deploy button.

Sanity Studio is the application we are currently using, and Blog Website is our blog application.

Project info

This block lists all information relating to Sanity projects, as follows:

  • Project ID
  • Dataset
  • Frontend
  • GROQ
  • GraphQL
  • GitHub repository

Project users

Similar to the Team section of the Sanity Manage page, Project users lists all the current project's users.

Recent blog posts

As the block title indicates, a list of five recent blog posts will be shown here. Clicking on each blog post title will bring you to the Edit page for that specific blog post.

Desk

From the Desk section of Sanity Studio, the settings and content may be managed.

Settings

The application comes with some basic settings that we will extend during this book.

Basic settings include the following:

  • Title
  • Description
  • Keywords
  • Author

Blog posts

A blog post is a piece of content created by an author. It comes with some preconfigured fields, such as the following:

  • Title
  • Slug
  • Published at
  • Main image
  • Excerpt
  • Authors
  • Categories
  • Body

Authors

Authors are the creators of a piece of content, such as a blog post. Similar to Blog post, this section has preconfigured fields, such as the following:

  • Name
  • Slug
  • Image
  • Biography

Categories

Categories are used to categorize a piece of content. A category may be also used to filter content during a search.

As with the Blog posts and Authors sections, it has a few predefined fields, namely Title and Description.

You have been reading a chapter from
Jumpstart Jamstack Development
Published in: May 2021
Publisher: Packt
ISBN-13: 9781800203495
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at €18.99/month. Cancel anytime