svelte-express-sanity-oauth-template

Template repo for setting up a full-stack web application with little config and even less hassle.

What's in the box?

• Svelte with routing (not Sveltekit)
• Express server
• Sanity hosted database and content editor
• OAuth using Passport middleware, and Google as auth provider.
• Bootstrap and Bootswatch

Architecture

  Frontend (Svelte)
       |
       |    
  Backend (Express)
       |
       |    
  Hosted database (Sanity) ---- Content Editor (Sanity Studio)

Usage

• Create a new repo from this template or run git clone https://github.com/thomax/svelte-express-sanity-oauth-template.git in your terminal
• Create a project on the free developer license over at Sanity
• Create local .env files based on the .env.example files
  • In backend/.env you need
    • OAuth client id and client secret. Get them at Google Cloud Console or another OAuth provider of your preference.
    • Sanity project id, dataset name and a secret token to let the backend edit data. Get these at Sanity.io.
  • In sanity-studio/.env you need need the project id and dataset name
• Oh yeah, and while you're at Sanity.io, under the API tab for you project, make sure to enable CORS origin for http://localhost:3000 (the express server needs access).
• In your terminal, run npm install && npm run dev in the frontend, backend and sanity-studio folders.
• Point your browser to http://localhost:5173 and you're off!

FAQ

Q: Why is the UI in the frontend so ugly?

A: Because that's where this template ends, and your task begins 💪