Day 5: Launch: Deploy, Monitor, and Grow

# Deploy to Vercel
vercel --prod

# Required environment variables in Vercel:
# DATABASE_URL          — Neon/Supabase PostgreSQL URL
# NEXTAUTH_SECRET       — openssl rand -base64 32
# NEXTAUTH_URL          — https://yourdomain.com
# GOOGLE_CLIENT_ID      — from Google Cloud Console
# GOOGLE_CLIENT_SECRET  — from Google Cloud Console
# STRIPE_SECRET_KEY     — sk_live_... (switch from test)
# STRIPE_WEBHOOK_SECRET — from Stripe Dashboard webhooks
# ANTHROPIC_API_KEY     — from console.anthropic.com

# Add custom domain
vercel domains add yoursaas.com

# Run Prisma migration in production
# Add to Vercel Build Command:
# npx prisma migrate deploy && next build

# Sentry: error monitoring
npm install @sentry/nextjs
npx @sentry/wizard@latest -i nextjs
# Follow prompts, creates sentry.config.js automatically

# PostHog: product analytics
npm install posthog-js

'use client'
import posthog from 'posthog-js'
import { PostHogProvider } from 'posthog-js/react'
import { useEffect } from 'react'

export function PHProvider({ children }: { children: React.ReactNode }) {
  useEffect(() => {
    posthog.init(process.env.NEXT_PUBLIC_POSTHOG_KEY!, {
      api_host: 'https://app.posthog.com',
      capture_pageview: true
    })
  }, [])
  return <PostHogProvider client={posthog}>{children}</PostHogProvider>
}

// Track custom events anywhere:
// posthog.capture('generation_created', { plan: 'FREE', tokens: 500 })