Back to Templates
Next.js AssistLoop Template
A Next.js starter template for building AI-powered customer support with AssistLoop agents.
Quick Start
Deploy
AssistLoop AI Integration
This template comes pre-configured with AssistLoop integration. Here's how to set it up:
1. Create AssistLoop Account
Visit AssistLoop.ai to create your account and set up your first AI agent.
2. Get Your Agent ID
- Log into your AssistLoop dashboard
- Create a new agent or select an existing one
- Navigate to Settings > Integration
- Copy your Agent ID
3. Configure Environment Variables
You need 1 environment variable: NEXT_PUBLIC_ASSISTLOOP_AGENT_ID
Pull environment variables from Vercel:
Or create .env.local manually:
4. Train Your AI Agent
- Upload Documentation – Add your docs, FAQs, and knowledge base articles
- Import Website Content – Crawl your website to train on existing content
- Connect Chat History – Use past conversations to improve responses
- Define Custom Actions – Set up lead collection, meeting booking, and task automation
Features
| Feature | Description |
|---|---|
| Train on Your Data | Docs, FAQs, website content, and chat history |
| Human Handoff | Smooth escalation to live agents when needed |
| Custom AI Actions | Collect leads, book meetings, automate tasks |
| Analytics & History | Review conversations and track performance |
| Brand Customization | Match the chat widget to your brand |
| Multiple AI Models | Choose from different LLM providers |
AssistLoop Resources
- Documentation – Complete Vercel integration guide
- Pricing – Plans and pricing information
Tech Stack
- Next.js 15 – React framework
License
MIT