Next.js AssistLoop Template

A Next.js starter template for building AI-powered customer support with AssistLoop agents.

Quick Start

pnpm install
pnpm dev

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

1. Log into your AssistLoop dashboard
2. Create a new agent or select an existing one
3. Navigate to Settings > Integration
4. Copy your Agent ID

3. Configure Environment Variables

You need 1 environment variable: NEXT_PUBLIC_ASSISTLOOP_AGENT_ID

Pull environment variables from Vercel:

vercel env pull .env.local

Or create .env.local manually:

NEXT_PUBLIC_ASSISTLOOP_AGENT_ID=your_agent_id_here

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