SvelteKit / Sanity.io starter
Front-end for your Sanity project, built with Svelte Kit.
This template repo is used by Sanity.io to easily create deployed and configured projects through a web interface. You can test it by creating this project.
The template contains both a Sanity.io Sanity Studio and a front-end in Svelte Kit. Both are deployed on Netlify.
Want to make a template for Sanity and your favorite front-end framework? We’re still maturing sanity.io/create and our APIs, but do tell us about it on slack.sanity.io.
Local development
Developing the front-end
- Install dependencies with
npm install
oryarn
in the root folder. - Run
npm run dev
in root folder. - The website will be running in
localhost:3000
Developing the Sanity studio
- From the
studio
folder, install dependencies withyarn
orsanity install
(if you have the Sanity CLI installed) - Then, run
yarn start
- Your studio will be running in
localhost:3333
Starting with the local template
If you don't want to start from the automatically deployed project, you can clone this repository and replace the variables found in studio/sanity.json
with your Sanity project's credentials.
Credits
Huge thanks to Jacob Størdahl for their help in scoping and bringing this starter to life with a lot of positive energy. Thank you, Jacob 🙏
Developing
Start by installing dependencies with npm install
(or pnpm install
or yarn
). Then, start a development server:
npm run dev
# or start the server and open the app in a new browser tab
npm run dev -- --open
Building
Your site should already be connected to Netlify. If you want, you can install any adapter for your target environment. To execute builds locally, run:
npm run build
You can preview the built app with
npm run preview
, regardless of whether you installed an adapter. This should not be used to serve your app in production.