Sanity Exchange

sanity-groq-filter

- Tool

Curated List of GROQ Filters.

GROQ Reference Lookup + Add & Replace

- Schema

Run GROQ queries in the studio to populate an array module.

Headless CMS: Building Apps with Nuxt and Sanity

- Guide

This article explains what Sanity is all about and how to build a simple books list app. Sanity CMS stores our content, which will be editable in Sanity Studio. We will make this app with Nuxt and style it using pure CSS.

Creating a navigation schema

- Guide

How to build a navigation schema that will allow multiple navigations for any type of content.

Château de Fieuzal

- Made with Sanity

Enter inside the inimitable world of Château de Fieuzal, Grand Cru Classé de Graves, Pessac-Léognan and experience what makes the vision, terroir and wines unique.

Enchant Quiz Engine

- Made with Sanity

A tool for making quizzical marketing sites

Grab a Coffee

- Made with Sanity

Grab a Coffee is a simple, shareable widget that lets talent request virtual coffee chats with companies.

Iframe Pane

- Tool

Display any URL in a View Pane, along with helpful buttons to Copy the URL or open in a new tab.

SEO Pane

- Tool

Run yoast.js analysis on your front end, refreshing as you edit your Document, from inside a View Pane.

Documents Pane

- Tool

Display the results of any GROQ Query inside a View Pane

AWS S3 media browser

- Tool

Allows uploading, referencing and deleting video and audio files to S3 directly from your Sanity studio.

Sanity Plugin HTML to Portable Text

- Tool

This plugin provides a custom input component which converts HTML into Portable Text on the fly.

Guide to server-side rendering with Deno and React

- Guide

In this tutorial, we will take a look at server-side rendering with Deno and React. To get a proper hang of the fundamental concepts, we will start by discovering what Deno is, and how it compares to Node in terms of security, package management, and so on.

How to Create a Progressive Web Application with Vue and Sanity

- Guide

In this article, you will learn how to build a simple web application with Vue.js, query your data from Sanity, and make it a Progressive Web Application (PWA) by installing the PWA plugin. In making it a PWA, the app will be able to be installed on mobile phones.

Vimeo/Youtube video id and thumbnail custom component

- Schema

Get thumbnail and video by pasting vimeo/youtube url

Color Hex with Swatch

- Schema

Text input that for a color hex value (without the #) that displays a color swatch

GROQ query to reference an actor

- Schema

Jamstack Explorers

- Made with Sanity

Jamstack Explorers is a free learning platform created by the team at Netlify to chart a course through the amazing offerings in the Jamstack ecosystem