AI Chat

A starting point for your own AI chat app. It talks to Claude through Netlify AI Gateway, so there’s no API key to set up.

Tags

  • AI
  • TanStack Start
Preview of AI Chat

Built on Netlify

  • Functions
    Server-side code that runs on request, without managing servers.
    Read the docs
  • AI Gateway
    Calls AI model providers through Netlify, without managing API keys.
    Read the docs

Also uses

  • React 19
  • TanStack Start
  • TanStack Router
  • TanStack Store
  • Tailwind CSS 4
  • Vite 7

Security and data

Environment variables

VariableDefaultDescription
ANTHROPIC_API_KEYNot setOnly needed if you want to use your own Anthropic key instead of AI Gateway.

Make it yours

  1. Step 1
    Deploy
    Create a copy of the repository in your Git account and build it on Netlify.
  2. Step 2
    Configure
    Set the environment variables listed above in your project configuration.
  3. Step 3
    Extend
    Change the code in your repository, or start an agent run to make changes for you.