Real-time dashboard showing the top 20 most-watched US stocks with AI-generated explanations of why each one is moving.
- Next.js 14 App Router + TypeScript
- Tailwind CSS + shadcn/ui
- Recharts for sparklines
- Finnhub for live quote data
- Anthropic Claude for AI summaries
- Upstash KV for caching
- Clerk for auth
- Vercel for hosting
Create a .env.local file (never commit this):
FINNHUB_API_KEY= # finnhub.io — free tier
ANTHROPIC_API_KEY= # console.anthropic.com
CLERK_SECRET_KEY= # clerk.com
DATABASE_URL= # Vercel Postgres or Supabase
KV_REST_API_URL= # upstash.com
KV_REST_API_TOKEN= # upstash.comnpm install
npm run devOpen http://localhost:3000.