Skip to content

Latest commit

 

History

History
 
 

demo

Todo list example using Supabase and Nuxt 3

n3-supabase-demo

Live demo: https://n3-supabase.netlify.app

  • Frontend:
  • Backend:
    • app.supabase.io: hosted Postgres database with restful API for usage with Supabase.js.

Setup

Make sure to install the dependencies

pnpm i

Create a project on Supabase.

In your Supabase project, make sure to create the tasks table with the following fields:

tasks_table

Create a GitHub Oauth Application on https://github.com/settings/applications/new

With homepage url being http://localhost:3000

For the callback url, please refer to https://supabase.com/docs/guides/auth/auth-github#find-your-callback-url

Then, enable the GitHub Oauth Provider in your Supabase project (Authentication -> Settings):

oauth_github

Go to your supabase project settings, API section and get the project API key and url and fill the .env with them:

SUPABASE_URL="https://example.supabase.com"
SUPABASE_KEY="<your_key>"

Development

Start the development server on http://localhost:3000

npm run dev

Production

Build the application for production:

npm run build

Checkout the deployment documentation.