Important
ArcadeGPT has been upgraded to the Arcade Vercel AI Template, the new and recommended way to integrate Arcade with the Vercel AI SDK. Check it out for a smoother, more powerful experience!
A chatbot interface for Arcade tools, built with Next.js and the Arcade SDK. Based on the Vercel AI Chatbot template.
Features • Prerequisites • Installation • Configuration • Development • Deployment
- 🤖 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
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
- Clone the repository:
git clone https://github.com/sdserranog/arcade-chatbot.git
cd arcade-chatbot- Install dependencies:
pnpm installCopy the .env.example file to create your own .env:
cp .env.example .envConfigure the following environment variables:
| Variable | Required | Default | Description |
|---|---|---|---|
ARCADE_API_KEY |
Yes | - | Your Arcade API key |
ARCADE_ENGINE_URL |
No | Cloud URL | Engine URL (Local or Cloud) |
ARCADE_USER_ID |
No | 'dev' | Your Arcade user ID |
⚠️ Security Note: Never commit your.envfile to version control. It contains sensitive API keys that should remain private.
- Start the development server:
pnpm dev- Open http://localhost:3000 in your browser
To develop and test your own tools:
-
Follow the Arcade documentation to create your toolkit
-
Start the local engine and actor:
arcade dev-
Update
ARCADE_ENGINE_URLin your.envto point to your local endpoint -
Run the development server:
pnpm devThe application can be deployed to any platform that supports Next.js applications. Follow the standard deployment procedures for your chosen platform.