LangChain + Next.js Template

AI Settings

AI Provider

Model

OpenAI

EXA API Key

SUPABASE_URLSUPABASE_PRIVATE_KEY

Add these to your .env.local file:

OPENAI_API_KEY=your_openai_api_key

ANTHROPIC_API_KEY=your_anthropic_api_key

GROQ_API_KEY=your_groq_api_key

GOOGLE_API_KEY=your_google_api_key

DEEPSEEK_API_KEY=your_deepseek_api_key

FIREWORKS_API_KEY=your_fireworks_api_key

Provider: OpenAI

Model: GPT-4o Mini

Max Tokens: 16,384

Context Window: 16,384

▲ + 🦜🔗

🤝This template showcases a multi-provider AI chat using LangChain.js and the Vercel AI SDK in a Next.js project.
💻You can find the prompt and model logic for this use-case in app/api/chat/route.ts.
🎛️Use the settings panel to switch between different AI providers and models!
🎨The main frontend logic is found in app/page.tsx.
👇Try asking e.g. What is artificial intelligence? below!