This is a Next.js project with a FastAPI backend.

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.

1. Create a .env file at the project root with:

# Appwrite (FastAPI)
APPWRITE_ENDPOINT=
APPWRITE_PROJECT=
APPWRITE_API_KEY=
APPWRITE_DATABASE_ID=
APPWRITE_COLLECTION_ID=

# Frontend
NEXT_PUBLIC_API_BASE=http://localhost:8000

Add the Twitch Client Credentials flow details to .env.local so the /twitch dashboard can talk to the official API:

TWITCH_CLIENT_ID=
TWITCH_CLIENT_SECRET=
TWITCH_CHANNEL_LOGIN=

2. Python server (one-time):

python -m venv venv
. venv/bin/activate
pip install -r requirements.txt

3. Start both servers:

uvicorn app.api.main:app --reload --port 8000
npm run dev