Skip to content

A ToDo list built in SvelteKit using Supabase as Auth and Database system

Notifications You must be signed in to change notification settings

fedeperin/sveltekit-supabase-todo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

SvelteKit Supabase To Do App

A To Do App with an auth system built with SvelteKit and Supabase.
Demo of the project at todo-sveltekit.netlify.app.

Clone the project

First, git clone this project.
Then, run npm install to install the required dependencies.
Once the dependencies are installed, at the main route of the project, create a new file called .env.
The .env file needs to contain the following code:

VITE_SUPABASE_ANON_KEY=
VITE_SUPABASE_URL=

Next to VITE_SUPABASE_ANON_KEY= you need to add a Supabase Anon key, you can get yourse by going to the Supabase App page and creating a new project.
Next to VITE_SUPABASE_URL= you need to add a Supabase URL, you will also get it when you create the project.

At the Supabase Auth config of your project, disable the option named "Enable Email Confirmations".
Then, at the tables section create a new table called users and add the following colums:

  • username: It is a text area and it does not have a default value
  • email: It is a text area and it does not have a default value
  • todos: It is a json area and the default value is []

That's all!
You can run npm run dev and use it as a SvelteKit app.