Guides

Learn how to use Sanity to its full potential. Introductions, step-by-step tutorials, and deep dives into the many features of Sanity.

Form submission using Gatsby, SANITY, Netlify and React Hook Form

A walk through of creating a contact form in Gatsby that submits to both an email address and a backend database using SANITY. The form itself will be built using React Hook Form and also integrate with Netlify forms.

This is an external link at:www.erichowey.dev
Eric Howey
Go to Form submission using Gatsby, SANITY, Netlify and React Hook Form

Top 5 rich-text React components

This post discusses top 5 rich-text components for React.js, the pros and cons and how to use each in your next project

William Ugonna Imoh
Go to Top 5 rich-text React components

Make a Progressive Web App with React

Learn how to create a PWA with Sanity and React. This is a step-by-step tutorial to help you go from idea to deployment. First, we'll define what PWAs are and how Sanity can help you power one, and then… a full tutorial!

Rico Kahler
Go to Make a Progressive Web App with React

Run end-to-end test with Jest and Puppeteer

In this guide, you'll be learning how to test your React application with Jest and Puppeteer. It walks through installing, writing, and debugging test scripts on the home page of a website. Testing is very important when it comes to developing web applications. It helps to ensure that your application is free from bugs and your application is behaving as expected.

Tomi Adekanye
Go to Run end-to-end test with Jest and Puppeteer

Dynamic GROQ Query in JavaScript

As we get to use GROQ more and more, it's inevitable when we get ourselves to situations where we need to construct queries dynamically. Here's how you make dynamic GROQ query in JavaScript.

Dorell James
Go to Dynamic GROQ Query in JavaScript

Custom Commerce.js input field for Sanity.io

Pair your headless content with headless commerce! Select your Commerce.js products directly from Sanity Studio.

This is an external link at:commercejs.com
Nikita Kakuev
Go to Custom Commerce.js input field for Sanity.io

GROQ - a GraphQL alternative?

Heard of GROQ? How can it be used as an alternative to GraphQL? This article will not only introduce you to GROQ but you'll also learn to hopefully appreciate it. Truly a hidden gem out there!

This is an external link at:www.dorelljames.com
Dorell James
Go to GROQ - a GraphQL alternative?
Choose a starter
OR install Sanity with:
λ npm install -g @sanity/cli
λ sanity init