Next.js AssistLoop Template

Next.js AssistLoop Template

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

Quick Start

1
pnpm install
2
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:

1
vercel env pull .env.local

Or create .env.local manually:

1
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

AssistLoop Resources

• Documentation – Complete Vercel integration guide
• Pricing – Plans and pricing information

Tech Stack

• Next.js 15 – React framework

License

MIT