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 Nuxt 4, Supabase, and Stripe. The store covers the complete customer journey: product browsing, cart management, user accounts, and checkout with real payment handling.

Integrating three distinct services 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