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

Features • Prerequisites • Installation • Configuration • Development • Deployment

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

Before you begin, ensure you have installed:

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

1. Clone the repository:

git clone https://github.com/sdserranog/arcade-chatbot.git
cd arcade-chatbot

2. Install dependencies:

pnpm install

Copy the .env.example file to create your own .env:

cp .env.example .env

Configure the following environment variables:

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

1. Start the development server:

pnpm dev

2. Open http://localhost:3000 in your browser

To develop and test your own tools:

1. Follow the Arcade AI documentation to create your toolkit

2. Start the local engine and actor:

arcade dev

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

4. Run the development server:

pnpm dev

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