GavL

Overview

GavL is a full-stack auction platform built to simulate a production-grade system. It integrates Next.js, Supabase, and Stripe to handle live bidding, secure payments, and multilingual support (French, English, German). The project emphasizes real-time workflows, scalable architecture, a seamless user experience and a responsive design optimized for all devices

Key features

• Real-Time Bidding Engine: Live multi-user bidding with instant updates using Supabase Realtime.
• End-to-End Auction Lifecycle: Creation, editing, bidding, automatic closure (CRON + Edge Functions), winner notifications, and payment completion.
• Stripe Payments: Secure checkout flow with webhook handling for server-side payment status updates.
• Notification System: Instant alerts for bids, auction wins, and payments across all connected clients.
• Server-Side Table Filtering: URL-driven filters, sorting, and pagination using nuqs for consistent server-client synchronization.
• Multilingual UI: Fully localized interface in French, English, and German.
• Responsive Design: Optimized layouts for mobile and desktop with Suspense and skeleton loaders for smooth transitions.
• Dashboards: User-specific and global statistics, including charts, totals, and payment summaries.

• Frontend: Next.js, React, TypeScript
• Backend & Database: Supabase (Realtime, Edge Functions, CRON, RLS)
• Payments: Stripe Checkout & Webhooks
• UI & Form Handling: Shadcn/UI, React Hook Form, Zod
• Filtering & Data Display: Nuqs, TanStack Table
• File Uploads: Uppy
• Testing: Jest
• Architecture: :Domain-driven structure with domains, ports, repositories, and services

Challenges and Learnings

Key challenges included designing a robust real-time multi-user workflow while maintaining clean, maintainable logic. A domain-driven structure helped isolate concerns and scale features like notifications and payments. Secure Stripe integration required careful handling of RLS policies and webhook flows. The project deepened my expertise in Next.js App Router, Supabase Realtime, and production-grade workflows.

Outcome

GavL delivers a complete, production-style auction experience with seamless real-time UI, robust backend workflows, multilingual support, and secure payment processing.