Todo list example using Supabase and Nuxt 3

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

• Frontend:
  • Nuxt 3 - a Vuejs framework.
  • Tailwind for styling and layout.
  • Supabase Module for user management and supabase data client.
• Backend:
  • app.supabase.io: hosted Postgres database with restful API for usage with Supabase.js.

Setup

Make sure to install the dependencies

yarn install

Fill the .env with the Supabase environement variables:

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

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

Development

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

yarn dev

Production

Build the application for production:

yarn build

Checkout the deployment documentation.