Skip to content

belte42/sanity-template-sveltekit-clean

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

A minimal SvelteKit site with Sanity Studio

This starter uses SvelteKit for the frontend and Sanity to handle its content.

Featuring

Note

This starter features an /app and a /studio folder. The /app folder contains the frontend code, and the /studio folder contains the Sanity Studio code.

This is not a monorepo setup. We put them both in one repository for the sake of simplicity. You might want to have separate repositories for each of the folders, to make it easier to deploy the app and the studio separately.

Prerequisities

Getting started

The following commands are meant to be run in both the /app and /studio folders.

  1. npm install to install dependencies
  2. npx -y sanity@latest init --env, this will:
  • ask you to select or create a Sanity project and dataset, use the same Sanity project and dataset in both folders.
  • output a .env file with appropriate variables
  • (or use sanity init --env if you have the CLI installed)
  1. Prefix your environment variables in the SvelteKit /app folder with PUBLIC_, they should be PUBLIC_SANITY_DATASET and PUBLIC_SANITY_PROJECT_ID.
  2. npm run dev to start the development server

Your SvelteKit app should now be running on http://localhost:5173/ and Studio on http://localhost:3333/.

Feel free to move each of the folders to their own location and check them into version control.

Add content

  1. Visit the Studio and create and publish a new Post document
  2. Visit the App and refresh the page to see your content rendered on the page

The schema for the Post document is defined in the /studio/schemas folder. You can add more documents and schemas to the Studio to suit your needs.

Removing TypeScript

If you do not wish to use TypeScript, we've included a remove-typescript.mjs file in the root of this repository.

To run this file, you must:

  1. Run npm install in the repository root to install dependencies
  2. Run node remove-typescript.mjs to strip all types from both the /app and /studio folders

If you intend to use TypeScript or have stripped TypeScript, you can safely delete all files in the repository root that isn't /studio or /app.

Deployments

The /app and /studio folders are meant to be deployed separately.

Feel free to deploy the App to whichever hosting provider you prefer. We recommend Vercel.

You can deploy the Sanity Studio by running sanity deploy in the /studio repository, provided you have the @sanity/cli installed globally.

About

Clean starter template with SvelteKit

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 33.2%
  • TypeScript 25.5%
  • JavaScript 21.5%
  • Svelte 16.5%
  • HTML 3.3%