Little Magic JC

Problem

The legacy Django site was slow, non-mobile-optimized, and had no admin tooling — staff had to request developer changes for every menu update, event post, or image swap. The business needed a self-serve content platform that matched the venue's brand and could keep up with a high-volume events calendar.

Solution

Architected and built a complete replacement for the legacy littlemagicjc.com — a venue site for an inclusive late-night bar with karaoke, drag shows, live music, and a dedicated gluten-free kitchen. Replaced a slow Django/Docker/EC2 site with a modern Next.js platform featuring a self-serve admin dashboard, AI-assisted event intake, full content management, and comprehensive SEO.

Highlights

• —Public site: Home, Events (with a detail page per event), Bar Menu, Kitchen (with its menu), Gallery, About, Order Online, and Contact
• —Admin dashboard with role-based access control (SUPER_ADMIN / ADMIN / EMPLOYEE)
• —AI-assisted intake: paste a booking email or upload a flyer, and Claude (text + vision) extracts a draft event for staff to review before it goes live; menus are parsed the same way
• —Event management system with full CRUD, image uploads, and automatic past/upcoming archiving
• —Prisma-backed menu system with per-item images and S3-hosted PDF uploads
• —Theme system with 9 presets (house styles plus holidays like Pride, Halloween and NYE) and an admin theme switcher
• —SEO: JSON-LD structured data (BarOrPub, Restaurant, Event, FAQPage), Open Graph, a generated sitemap, and ISR caching
• —Mailing-list signup with email delivery via Resend
• —SpotOn online ordering integration

Stack

Next.js 16 · TypeScript · Tailwind CSS · Prisma ORM · PostgreSQL (Supabase) · NextAuth.js · AWS S3 · Resend · Anthropic Claude API · Docker · AWS EC2 · nginx