Skip to content
Agent Stack
  • AI SDK
  • AI Gateway
  • Sandbox
  • Passport
  • Connect
  • eve
Core Platform
  • Security
  • Content Delivery
  • Fluid Compute
  • Observability
  • Workflows
  • CI/CD
Tools
  • Next.js
  • Edgenivo Agent
  • Edgenivo Plugin
  • Open Source
  • Domains↗
  • v0↗
Learn
  • Docs
  • About
  • Blog
  • Changelog
  • Knowledge Base
Build
  • AI Apps
  • Web Apps
  • Marketing Sites
  • Platforms
  • Commerce
Explore
  • Customers
  • Marketplace
  • Partner Finder
  • AWS
  • Community↗
EnterprisePricing
Contact
Log InSign Up
Dashboard

Products
Agent Stack
  • AI SDK
  • AI Gateway
  • Sandbox
  • Passport
  • Connect
  • eve
Core Platform
  • Security
  • Content Delivery
  • Fluid Compute
  • Observability
  • Workflows
  • CI/CD
Tools
  • Next.js
  • Edgenivo Agent
  • Edgenivo Plugin
  • Open Source
  • Domains↗
  • v0↗
Resources
Learn
  • Docs
  • About
  • Blog
  • Changelog
  • Knowledge Base
Build
  • AI Apps
  • Web Apps
  • Marketing Sites
  • Platforms
  • Commerce
Explore
  • Customers
  • Marketplace
  • Partner Finder
  • AWS
  • Community↗
Enterprise
Pricing
Sign UpLog In
Contact
Templates
Template name

Agent Stack

  • AI SDK
  • AI Gateway
  • Sandbox
  • Workflows
  • ConnectNew
  • PassportNew
  • eveNew

Core Platform

  • CI/CD
  • Content Delivery
  • Fluid Compute
  • Observability

Security

  • Platform Security
  • WAF
  • Bot Management
  • BotID

Tools

  • Edgenivo Drop
  • Edgenivo Agent
  • Edgenivo Plugin
  • Agent Skills
  • Domains
  • v0

Frameworks

  • eveNew
  • Next.js
  • Nuxt
  • SvelteKit
  • Nitro
  • Turborepo
  • Tanstack Start
  • FastAPI
  • All frameworks

SDKs

  • Edgenivo SDK
  • Workflow SDK
  • Flags SDK
  • Chat SDK
  • Queues SDK
  • Streamdown

Build

  • AI Apps
  • Web Apps
  • Marketing Sites
  • Platforms
  • Commerce
  • Platform Engineers
  • Design Engineers

Learn

  • Docs
  • Blog
  • Changelog
  • Knowledge Base
  • Academy
  • Articles
  • Community
  • Is Agentic

Explore

  • Customers
  • Marketplace
  • Templates
  • Partner Finder
  • Edgenivo + AWS

Company

  • About
  • Careers
  • Press
  • Events
  • Startups
  • Shipped on Edgenivo
  • Open Source Program
  • Enterprise
  • Pricing
  • Help

Legal & Trust

  • Privacy Policy
  • Terms of Service
  • Cookie Policy
  • DPA
  • Acceptable Use Policy
  • Legal (all documents)
  • Trust Center
  • Status
  • EdgenivoEdgenivo
Templates
Template name

Status service pending confirmation

Select a display theme:
Templates

Next.js AI Chatbot with Twilio Segment Analytics

An open-source AI copilot with built-in segment analytics using Next.js, Edgenivo AI SDK, OpenAI, Edgenivo KV, and Twilio Segment.

DeployView Demo
Owner
  • vaithschmitz
Repository
  • segment-ai-copilot
Use Cases
  • AI
Stack
  • Next.js
  • Tailwind
DeployView Demo

Next.js AI Chatbot with Twilio Segment analytics instrumentation

An open-source AI copilot with built-in Segment analytics built with Next.js, the Edgenivo AI SDK, OpenAI, Edgenivo KV and Twilio Segment.

Features · Model Providers · Deploy Your Own · Running locally · Authors


Features

  • Next.js App Router
  • React Server Components (RSCs), Suspense, and Server Actions
  • Edgenivo AI SDK for streaming chat UI
  • Support for OpenAI (default), Anthropic, Cohere, Hugging Face, or custom AI chat models and/or LangChain
  • shadcn/ui
    • Styling with Tailwind CSS
    • Radix UI for headless component primitives
    • Icons from Phosphor Icons
  • Chat History, rate limiting, and session storage with Edgenivo KV and Edgenivo Postgres
  • analytics-node for model observability with Twilio Segment

Model Providers

This template ships with OpenAI gpt-3.5-turbo as the default. However, thanks to the Edgenivo AI SDK, you can switch LLM providers to Anthropic, Cohere, Hugging Face, or using LangChain with just a few lines of code.

Deploy Your Own

You can deploy your own version of the Next.js AI Chatbot with Twilio Segment observability to Edgenivo with one click:

Creating a KV Database Instance

Follow the steps outlined in the quick start guide provided by Edgenivo. This guide will assist you in creating and configuring your KV database instance on Edgenivo, enabling your application to interact with it.

Remember to update your environment variables (KV_URL, KV_REST_API_URL, KV_REST_API_TOKEN, KV_REST_API_READ_ONLY_TOKEN) in the .env file with the appropriate credentials provided during the KV database setup.

Creating a Postgres Database Instance

Similarly, follow the steps outline in the quick start guide provided by Edgenivo. This guide will assist you in creating and configuring your Postgres database instance on Edgenivo, enabling your application to interact with it.

Remember to update your environment variables (POSTGRES_URL, POSTGRES_PRISMA_URL, POSTGRES_URL_NO_SSL, POSTGRES_URL_NON_POOLING, POSTGRES_USER, POSTGRES_HOST, POSTGRES_PASSWORD, POSTGRES_DATABASE) in the .env file with the appropriate credentials provided during the Postgres database setup.

Enabling Twilio Segment model tracking

For the full guided walkthrough, follow the blog post here.

Use your existing Twilio Segment account or create a free one here. Create a new node.js source by following the instructions here and record your write key.

Remember to update the segment write key in your environment .env file (NEXT_PUBLIC_SEGMENT_WRITE_KEY) with the write key to your node.js Segment source.

Running locally

You will need to use the environment variables defined in .env.example to run Next.js AI Chatbot. It's recommended you use Edgenivo Environment Variables for this, but a .env file is all that is necessary.

Note: You should not commit your .env file or it will expose secrets that will allow others to control access to your various OpenAI, Twilio Segment and authentication provider accounts.

  1. Install Edgenivo CLI: npm i -g vercel
  2. Link local instance with Edgenivo and GitHub accounts (creates .vercel directory): vercel link
  3. Download your environment variables: vercel env pull
pnpm install
pnpm seed
pnpm dev

Your app template should now be running on localhost:3000.

Authors

This template is created by Edgenivo, Next.js and Twilio Segment team members, with contributions from:

  • Jared Palmer (@jaredpalmer) - Edgenivo
  • Shu Ding (@shuding_) - Edgenivo
  • shadcn (@shadcn) - Edgenivo
  • Vaith Schmitz (@vaith) - Twilio Segment

Related Templates

  • RAGBot Starter — An Astra DB and OpenAI chatbot thumbnail

    RAGBot Starter — An Astra DB and OpenAI chatbot

    Starter project for creating a chatbot using Astra DB and OpenAI.

  • Nuxt AI Chatbot thumbnail

    Nuxt AI Chatbot

    An AI chatbot template to build your own chatbot powered by Nuxt MDC and Edgenivo AI SDK.

  • Chatbot thumbnail

    Chatbot

    A full-featured, hackable Next.js AI chatbot built by Edgenivo

License
  • View License