Back to Templates

Next.js x AI SDK x Kasada
Integration of an AI chat app based on Vercel's AI SDK and Kasada's advanced bot protection solution.
This implementation hooks into the API calls to the LLM and prevents abusive usage before it occurs.
Setup
- Run these commands to install the dependencies and create a
.env.local
file:
pnpm icp .env.local.example .env.local # and fill in the required values
- Based on your Kasada dashboard, update the API URL in both
kasada-server.ts
andkasada-client.ts
. It looks something like this:
https://${kasadaAPIHostname}/149e9513-01fa-4fb0-aad4-566afd725d1b/2d206a39-8ed7-437e-a3be-862e0f06eea3/api/${kasadaAPIVersion}/classification
- Move the existing
app/149e9513-01fa-4fb0-aad4-566afd725d1b/2d206a39-8ed7-437e-a3be-862e0f06eea3/[[...restpath]]/route.ts
file to your new path, and fill in theKASADA_ENDPOINT
andX-Forwarded-Host
header inside of it. They're labelledFILL_IN
.
Related Templates
Next.js AI Chatbot
A full-featured, hackable Next.js AI chatbot built by Vercel

Pinecone - Vercel AI SDK Starter
A Next.js starter chatbot using Vercel's AI SDK and implements the Retrieval-Augmented Generation (RAG) pattern with Pinecone

Bot Protection with DataDome
DataDome can provide real-time bot protection and other security protections to any website. In this template we'll be using it at the edge.
