A Jeopardy!-like game that compares AI responses from multiple models. Give it an answer, and three different AI models will respond with questions.
Live demo: https://triple-buzzer.netlify.app
- Compare responses from OpenAI, Anthropic (Claude), and Google Gemini.
- Select different models for each backend.
- Random example questions button (🎲) for quick testing.
- See response times for each AI.
- Dynamic model fetching from Netlify AI Gateway.
- Netlify serverless and edge functions.
You can either deploy this project to Netlify through the UI, or run locally on the command-line.
All you need is a Netlify account that has an up-to-date plan (Free, Personal, or Pro).
These plans come with out-of-the-box access to leading models through the AI Gateway, billed using credits. Meaning, no need to setup accounts with AI providers, import API keys, etc.
To check if your existing account is on a legacy plan, see here.
With an up-to-date plan, click to deploy:
Running locally is possible via the Netlify CLI, again without setting any AI provider keys.
-
First, ensure you have an up-to-date Netlify plan (see above).
-
Make sure you have an up-to-date version of the Netlify CLI:
npm i -g netlify-cli@latest
If you've never used the CLI before, authenticate:
netlify login
- Clone this repository and install dependencies:
git clone [email protected]:netlify-templates/triple-buzzer.git
cd triple-buzzer
npm install
- Create a new Netlify project for your code:
netlify init
For simplicity, you can skip GitHub repository creation for now.
Now that the CLI knows which Netlify project is associated with your code, you can run the site in dev mode with auto-injected keys for AI providers via the gateway:
Run npm run dev.
This starts netlify dev, which wraps the Vite dev server.
The browser should automatically open up showing your local dev server at http://localhost:8888.
If you get errors trying to send your prompts, please make sure again that:
- You have a credits-based plan on Netlify
- That you have run
netlify initto create a Netlify project for your code.
/api/openai- OpenAI serverless function/api/anthropic- Anthropic serverless function/api/gemini- Google Gemini serverless function/api/list-models- Edge function for fetching all available models that the AI Gateway supports.
Built with Vite, TypeScript, React, Tailwind and daisyUI.