Skip to content
All Projects
Next.jsTypeScriptSupabaseRazorpay

saurabhgaur.world

Full-Stack Portfolio & AI Art Storefront

Overview

This site itself — a dual-purpose platform that serves as a professional portfolio for AI/ML engineering work and a commerce storefront for AI-generated digital art. Built with a zero-cost infrastructure stack targeting <2s page loads.

Technical Stack

  • Framework: Next.js 14 (App Router, TypeScript, React Server Components)
  • Database + Auth + Storage: Supabase (PostgreSQL, Row Level Security, Magic Link auth, Storage buckets)
  • Payments: Razorpay (UPI, cards, net banking — mandatory for Indian buyers)
  • Email: Resend (transactional fulfillment emails with download links)
  • Deployment: Vercel (zero-config, auto-deploy from GitHub)

Commerce Architecture

The purchase flow uses Razorpay's HMAC-signed order verification to ensure payment integrity. Post-payment fulfillment generates time-limited download tokens (72-hour expiry) stored in Supabase, which map to signed Supabase Storage URLs valid for 1 hour per download.

Admin System

A protected /admin dashboard allows direct product management: upload art files and thumbnails to Supabase Storage, set prices, manage published state, and view order history.

PERIOD

2025 – Present

Highlights

  • UPI payment integration via Razorpay with HMAC signature verification
  • Email OTP authentication via Supabase Auth (no passwords)
  • Time-limited signed download URLs — 72hr token + 1hr Supabase signed URL
  • Admin dashboard for product management and order tracking