Marko Run Supabase Todo App

TODO List

• styles setup: tailwind, daisyui, class-variance-authority
• reusable components using attribute tags
• tags api preview
• supabase email/password sign up and sign in
• supabase magic code sign in
• supabase oauth sign in
• supabase pkce auth flow
• todo list with: update/delete/create/list
• server side supabase data fetching with row security enabled
• request validation using decode-formdata and valibot
• manual progressive enhancement for all actions
• works with javascript disabled
• typescript utility buildPath for building correct navigation paths

Installation

npm install
npm run dev

Supabase database schema

Environmental variables

VITE_PUBLIC_SUPABASE_URL=
VITE_PUBLIC_SUPABASE_ANON_KEY=

Overview

This project is powered by @marko/run.

• Run npm run dev to start the development server
• Run npm run build to build a production-ready node.js server
• Run npm run preview to run the production server

Adding Pages

Pages map to the directory structure. You can add additional pages by creating files/directories under src/routes with +page.marko files. Learn more in the @marko/run docs.