Introducing GROQ-powered Webhooks

Svelte resources

Guides, plugins, and other resources for Svelte – the popular Javascript compiling framework.

1 Svelte tool

PortableText to Svelte

Official(made by Sanity team)

Render Portable Text block content with Svelte components.

Henrique Doro
Go to PortableText to Svelte

1 Svelte starter

Blog with Sapper

Official(made by Sanity team)

A fully customizable blog template with a SvelteJS front-end.

Go to Blog with Sapper

4 Svelte guides

Adding Sanity CMS to Jungle.js & deploy

Jungle.js is a new SSG framework for Svelte that I'm really excited about. It definately needs to prove itself, but I think it has a bright future! Today I'm going to be showing you how you can add Sanity CMS as a data source for a Jungle powered blog.

This is an external link at:stordahl.dev
Jacob Størdahl
Go to Adding Sanity CMS to Jungle.js & deploy

4 Svelte projects made with Sanity

Flayks

Portfolio of Félix Péault, Freelance Senior Digital Designer and Art Director based in France.

Félix Péault
Go to Flayks

Château de Fieuzal

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.

Félix Péault
Go to Château de Fieuzal

growww

a website for a fictitious plant shop

Jacob Størdahl
Go to growww

Compoá

Website for a marketing agency that helps women-owned businesses

Henrique Doro
Go to Compoá

Svelte is an innovative Javascript framework for building user interfaces. In contrast to other popular Javascript frameworks, which outsource their work into a virtual DOM in the browser, Svelte does the bulk of its work in a compiler that outputs reactive, "cybernetically enhanced" Javascript at build time. Svelte works great as an SSG (a static site generator) and integrates seamlessly with Sanity studio to deliver dynamic, structured content. Check out these resources on Svelte and learn how to build slimmer, next-gen Javascript apps today.

Choose a starter
OR install Sanity with:
npm install -g @sanity/clisanity init

Other frameworks

All frameworks