Nuxt Todo List with supabase in devcontainer

demo.mp4

Stack

• Frontend:
  • Nuxt 3 - The Vue Framework for Web Architects
  • Nuxt UI for styling and layout
• Backend:
  • Supabase Supabase | The Open Source Firebase Alternative
  • Drizzle ORM DrizzleORM - next gen TypeScript ORM

Look at the Nuxt 3 documentation to learn more.

Setup

Make sure to install the dependencies:

# npm
npm install

# pnpm
pnpm install

# yarn
yarn install

# bun
bun install

Create a GitHub Oauth Application with:

• Homepage url: http://localhost:3000
• Callback url: http://localhost:54321/auth/v1/callback

Development Server

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

# npm
npm run dev

# pnpm
pnpm run dev

# yarn
yarn dev

# bun
bun run dev

Production

Build the application for production:

# npm
npm run build

# pnpm
pnpm run build

# yarn
yarn build

# bun
bun run build

Locally preview production build:

# npm
npm run preview

# pnpm
pnpm run preview

# yarn
yarn preview

# bun
bun run preview

Check out the deployment documentation for more information.