You are a senior full-stack engineer. Build a production-ready micro-SaaS called
“PostPilot AI”.
WHAT IT DOES:
A user enters a one-line business description (e.g. “a home bakery in Lahore that
sells custom cakes”). The app generates a 30-day social media content calendar:
for each day → a post image, a post caption, 5 relevant hashtags, a suggested post type
(image/reel/carousel), and the best posting time.
TECH STACK:
– Next.js 14 (App Router) + TypeScript + Tailwind CSS
– Chatgpt API as the content-generation engine
– Supabase for auth (email + Google) and to store users’ generated calendars
– Stripe for subscription billing (3 tiers: Starter $29, Pro $49, Agency $99/mo)
REQUIREMENTS:
1. Clean landing page: headline, 3 benefit bullets, pricing table, CTA.
2. Auth-gated dashboard where a logged-in user can:
– Enter a business description + pick a tone (professional / fun / bold)
– Click “Generate 30-Day Plan” → calls Claude, streams the calendar into a grid
– Save, edit, copy, and export the calendar as CSV
3. Enforce plan limits: Starter = 3 calendars/mo, Pro = 20, Agency = unlimited.
4. Stripe checkout + webhook to update the user’s plan in Supabase.
5. Store the Anthropic API key server-side only (never expose to the client).
DELIVERABLES:
– Full folder structure and all code files
– A .env.example listing every key I need (Chatgpt, SUPABASE_*, STRIPE_*)
– A step-by-step README to run locally and deploy to Vercel
Build it step by step. Start with the folder structure and the landing page,
then the dashboard + Claude integration, then Stripe. Ask me nothing — make
sensible defaults and note assumptions in comments.