This is a Next.js project bootstrapped with create-next-app.
Getting Started
< 6743 a id="user-content-getting-started" class="anchor" aria-label="Permalink: Getting Started" href="#getting-started">First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen 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.
The chat API can now talk to an Anthropic-compatible router such as claude-code-router.
- Start your router locally, for example
ccr start. - Copy
.env.exampleto.env. - Set these values:
CLAUDE_CODE_ROUTER_URL=http://127.0.0.1:3456/v1
# optional: any non-empty value
# CLAUDE_CODE_ROUTER_AUTH_TOKEN=any-string-is-ok
CLAUDE_MODEL=gpt-5- Run
npm run dev.
If CLAUDE_CODE_ROUTER_URL is set without credentials, the app sends a default bearer token of ccr so local router setups keep working. If CLAUDE_CODE_ROUTER_URL is not set, the app falls back to direct Anthropic access via ANTHROPIC_API_KEY. You can override the model with CLAUDE_MODEL, ANTHROPIC_MODEL, or AI_MODEL.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.