Ace Gallery
Next.js, TypeScript, Tailwind, Drizzle ORM, PostgreSQL, Clerk, Upstash, PostHog, Sentry/July 04, 2025
A modern, type-safe gallery web app built on the T3 stack with robust auth, analytics, and advanced UX.
Overview
This was my first truly production-grade app built with the T3 stack. Ace Gallery is a multi-page gallery application with full type safety, secure authentication, and modern user experience patterns. It leverages database insights and performance optimization strategies typical of real-world SaaS.
Approach
I used Next.js and TypeScript for a fully type-safe stack, Drizzle ORM with PostgreSQL for structured database operations, and Clerk for secure user authentication. Advanced layouts were implemented using Next.js intercepting and parallel routes to create stateful modals that maintain context across URL changes. File uploads are handled via UploadThing with toast notifications covering loading, success, and error states. The app uses Upstash for rate limiting, PostHog for detailed user analytics, and Sentry for error tracking — all deployed to Vercel’s edge functions in Singapore for optimized latency. This project gave me hands-on experience with deploying, monitoring, and securing a complete app end-to-end.