nbelanger.dev
Private

E-Commerce Web Store

A full-stack online store built with Nuxt 4, Supabase, and Stripe — real auth, real payments, real data.

01.

Overview

A full-stack e-commerce platform built with a modern toolchain: Nuxt 4 for the frontend and server routes, Supabase for authentication and the PostgreSQL database, and Stripe for payment processing. The store covers the complete customer journey — product browsing, cart management, user accounts, and checkout with real payment handling.

Integrating three distinct services (Nuxt, Supabase, Stripe) meant understanding how they interact at every boundary — auth tokens, webhooks, server-side API routes, and database row-level security. Every integration point required careful thought about data flow, error handling, and security.

02.

What I Learned

  • Integrated Supabase auth with Nuxt server routes and row-level security policies to protect user data
  • Implemented Stripe payment flows including checkout sessions, webhooks, and order confirmation handling
  • Designed a PostgreSQL schema in Supabase for products, carts, orders, and line items
  • Learned how three distinct services (Nuxt, Supabase, Stripe) interact at auth and data boundaries
  • Gained experience with server-side API routes in Nuxt 4 for handling sensitive operations securely
03.

Gallery

Product listing page

Product listings

Shopping cart view

Cart & checkout

Admin dashboard

Admin panel

nbelanger.dev Designed & built by Nicolas Belanger · 2026 Built with Nuxt 4 & Tailwind CSS