/arcade-vercel-ai-template

Arcade.dev tools integrated with Vercel AI SDK for building interactive, intelligent chatbots.

Primary LanguageTypeScriptOtherNOASSERTION

Arcade Chatbot

Screenshot 2025-04-05 at 1 58 21 PM

A chatbot interface for Arcade tools, built with Next.js and the Arcade SDK. Based on the Vercel AI Chatbot template.

Try out our hosted version of this project at chat.arcade.dev

Features • Prerequisites • Installation • Configuration • Development • Deployment

Features

  • 🤖 Interactive chatbot interface for Arcade tools
  • ⚡️ Built with Next.js for optimal performance
  • 🛠 Seamless integration with Arcade SDK
  • 🔄 Support for both cloud and local development environments
  • 💬 Real-time chat interactions
  • 🎨 Clean and intuitive user interface

Prerequisites

Before you begin, ensure you have installed:

  • Node.js 18.x or later
  • pnpm (recommended) or another package manager
  • An Arcade account with API access

Installation

  1. Clone the repository:
git clone https://github.com/ArcadeAI/arcade-chatbot.git
cd arcade-chatbot
  1. Install dependencies:
pnpm install

Configuration

Environment Variables

You will need to use the environment variables defined in .env.example to configure your application.

cp .env.example .env

⚠️ Security Note: Never commit your .env file to version control. It contains sensitive API keys that should remain private.

Development

Running Locally

  1. Start the development server:
pnpm dev
  1. Open http://localhost:3000 in your browser

Local Toolkit Development

To develop and test your own tools:

  1. Follow the Arcade documentation to create your toolkit

  2. Start the local engine and actor:

arcade dev

  1. Update ARCADE_ENGINE_URL in your .env to point to your local endpoint

  2. Run the development server:

pnpm dev

Deployment

The application can be deployed to any platform that supports Next.js applications. Follow the standard deployment procedures for your chosen platform.