https://github.com/multiplehats/sveltekit-sanity-v3
A Sanity V3 x SvelteKit boilerplate (in the works) ✨
https://github.com/multiplehats/sveltekit-sanity-v3
sanity sanity-io svelte sveltekit
Last synced: 6 months ago
JSON representation
A Sanity V3 x SvelteKit boilerplate (in the works) ✨
- Host: GitHub
- URL: https://github.com/multiplehats/sveltekit-sanity-v3
- Owner: multiplehats
- Created: 2022-11-15T14:19:02.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-09-22T21:12:44.000Z (about 2 years ago)
- Last Synced: 2025-03-29T05:34:34.772Z (7 months ago)
- Topics: sanity, sanity-io, svelte, sveltekit
- Language: TypeScript
- Homepage: https://sveltekit-sanity-v3.vercel.app
- Size: 188 KB
- Stars: 29
- Watchers: 0
- Forks: 12
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fmultiplehats%2Fsveltekit-sanity-v3&env=VITE_SANITY_PROJECT_ID,VITE_SANITY_DATASET,VITE_SANITY_PREVIEW_SECRET,SANITY_API_READ_TOKEN,SANITY_API_WRITE_TOKEN&envDescription=These%20API%20keys%20are%20needed%20from%20Sanity%20to%20run%20this%20app.&project-name=my-sveltekit-sanity-v3&repo-name=my-svelte-sanity-v3)
# Sveltekit x Sanity Studio v3
Hi there 👋! This is a repo for my [talk on YouTube](https://www.youtube.com/watch?v=xELXz553LCY), from the [Sanity.io Virtual Meetup - Autumn 2022](https://www.meetup.com/meetup-group-dvjyrjdv/events/289456759/).
## Features
### ✨ Embedding Sanity V3 in a Sveltekit app
When I was working on a new project that involved [Sveltekit](https://kit.svelte.dev/) and Sanity I got curious and wanted to know whether I could directly embed the Sanity Studio V3 (Release Candiate) into a SvelteKit app. I was living on the edge already, so I might as well embrace it 🌈
### 👀 Side-by-side Instant Content preview.
I also go over on how we use Sanity's Side-by-side Instant Content preview feature with Sveltekit. And how you can easily implement this in your own SvelteKit applications. The code ([createPreviewSubscriptionStore](https://github.com/multiplehats/sveltekit-sanity-v3/blob/main/src/lib/config/sanity/sveltekit/previewSubscriptionStore.ts#L10)) is mostly inspired from [Sanity's toolkit for Next.js](https://github.com/sanity-io/next-sanity).
#### Learn more
- [Introduction to Sanity Studio v3](https://beta.sanity.io/docs/platform/studio/v2-to-v3)
- [Sanity Studio V3 Announcement](https://www.sanity.io/blog/sanity-studio-v3-developer-preview)
## Developing
Once you've created a project and installed dependencies with `pnpm install`. Make sure you have added all the environment variables (see env.example).
```bash
pnpm dev
# or start the server and open the app in a new browser tab
pnpm dev -- --open
```
## Building & Previewing
To build the project, run:
```bash
pnpm build
```
To preview the build, run:
```bash
pnpm preview
```