Skip to content
← Back

Car Commerce

A full-stack car marketplace with authentication, listings, checkout, and analytics — built to showcase modern web app architecture.

Next.js 15TypeScriptTailwind v4SupabaseDrizzle ORMNextAuth v5StripeResendRechartsZod
GitHub

Live Demo

https://car-commerce-five.vercel.app
Open in new tab ↗Demo only — not indexed by Google

What it does

Browse and filter car listings with make, model, year, price, and condition filters

Seller dashboard to list, edit, and manage your own car ads

Secure Stripe checkout with real-time payment confirmation via webhooks

User authentication via credentials, GitHub OAuth, and Google OAuth

Admin panel with car moderation, user management, and CSV export

Analytics dashboard with order volume, revenue, and inventory charts

Technical highlights

  • 01

    Drizzle ORM with a fully typed schema across 8 tables — users, cars, orders, reviews, favorites, payments

  • 02

    NextAuth v5 using Credentials, GitHub, and Google providers wired to the Drizzle adapter

  • 03

    Stripe checkout sessions + webhook endpoint for order fulfilment on payment success

  • 04

    Recharts dashboard consuming live aggregated data directly from the Drizzle query layer

  • 05

    Supabase Storage for car image uploads, processed with Sharp before storage