Sveltekit Sanity V3 screenshot

Sveltekit Sanity V3

Author Avatar Theme by Multiplehats
Updated: 10 Feb 2023
29 Stars

A Sanity V3 x SvelteKit boilerplate (in the works)

Categories

Overview

This is a product analysis of the “Deploy with VercelSveltekit x Sanity Studio v3” repository for a YouTube talk from the Sanity.io Virtual Meetup - Autumn 2022. The analysis focuses on the key features and installation guide of the repository.

Features

  • Embedding Sanity V3 in a Sveltekit app: The repository explores the possibility of directly embedding the Sanity Studio V3 (Release Candidate) into a SvelteKit app.
  • Side-by-side Instant Content preview: The repository provides insights into how to use Sanity’s Side-by-side Instant Content preview feature with Sveltekit and teaches how to implement it in SvelteKit applications.
  • Create PreviewSubscriptionStore: The code for creating the PreviewSubscriptionStore is mostly inspired by Sanity’s toolkit for Next.js.

Installation

  1. Create a project and install dependencies with pnpm install.
  2. Add all the environment variables (refer to env.example).

Summary

The “Deploy with VercelSveltekit x Sanity Studio v3” repository explores embedding Sanity Studio V3 into a SvelteKit app and demonstrates how to use the Side-by-side Instant Content preview feature with SvelteKit. The installation guide provides instructions on setting up the project and adding the necessary environment variables.