ai-chat-template icon indicating copy to clipboard operation
ai-chat-template copied to clipboard

An unofficial template for React + Vite + Cloudflare Workers AI + Hono

AI chat template

An unofficial template for ⚛️ React ⨉ ⚡️ Vite ⨉ ⛅️ Cloudflare Workers AI.

Full-stack AI chat application using Workers for the APIs (using the Cloudflare vite-plugin) and Vite for the React application (hosted using Workers Static Assets). Provides chat functionality with Workers AI, stores conversations in the browser's IndexedDB, and uses ai-sdk, tailwindcss and workers-ai-provider.

Get started

Create the project using create-cloudflare:

npm create cloudflare@latest -- --template thomasgauvin/ai-chat-template

Run the project and deploy it:

cd <project-name>
npm install
npm run dev
npm run deploy

What's next?

  • Change the name of the package (in package.json)
  • Change the name of the worker (in wrangler.jsonc)