LogoA Template
icon of Svelte Starter Kit

Svelte Starter Kit

Svelte Starter Kit is an opinionated boilerplate for full-stack Svelte projects with Typescript, Tailwind CSS, ESLint, Prettier, and Supabase.

Introduction

Svelte Starter Kit

Svelte Starter Kit is an opinionated boilerplate based off of SvelteKit, with all the bells and whistles you want ready, up and running when starting any Full-stack Svelte/Javascript project. Out of the box you get all the essentials

  • Typescript as the language choice
  • Tailwind CSS for quick styling without getting out of your HTML
  • ESLint and Prettier for static code analysis and code formatting
  • SEO pre-configured

with Supabase as the 3rd Party Persistence Layer for

  • Authentication System with Supabase GoTrue
  • User Profiles available on /profile as an example for Supabase PostgREST (CRUD API)
  • User Avatar which is Supbase Storage(AWS S3 backed effortless uploads) supported

and a huge bunch of pre-made, hand-rolled(easily replace-able) components, that you almost always end up installing/using for any non-trivial project

  • Alert/Toast to notify your users of the outcome of an event - success, errorordefault` is supported
  • Modal(with multiple Modal and Sidepanel support) as you always come back to `em
  • Loaders(two types) for reporting the progress of an API call + a page load
  • Popover for contextual menus
  • Form Helpers for basic input types, validation and submission

Note: Refer the basic branch for a bare minimum starter structure with all the essentials

A template
Copy badages awards

Newsletter For Templates

Join the Community For Templates

Subscribe to Templates newsletter for the latest news and updates