Meet cf (cli) and cloudflare.config.ts: A New Way to Build
Build, deploy, and secure a Cloudflare app with an AI agent and the new cf CLI. In this video, I use the cf CLI to build a drag-and-drop file upload app with R2 for files and D1 for metadata. You'll see how cloudflare.config.ts defines bindings in TypeScript, how an AGENTS.md hint helps an AI agent use the new CLI, and how to put the deployed Worker behind Cloudflare Access—all without clicking through the dashboard. Links and resources: Blog post: https://blog.cloudflare.com/cloudflare-cf-cli-launch/ cf CLI on npm - https://www.npmjs.com/package/cf Cloudflare R2 - https://developers.cloudflare.com/r2/ Cloudflare D1 - https://developers.cloudflare.com/d1/ Cloudflare Access - https://developers.cloudflare.com/cloudflare-one/access-controls/applications/choose-application-type/ Create a Cloudflare account for free: https://dash.cloudflare.com/sign-up Timestamps / Chapters 0:00 Meet the cf CLI and cloudflare.config.ts 0:20 Install and authenticate the cf CLI 0:40 Create the app and guide the agent 1:25 Build a file upload app with R2 and D1 1:48 Configure bindings in TypeScript 2:12 Deploy and test the app 2:39 Secure the Worker with Cloudflare Access 3:17 Why use the cf CLI with an AI agent? #Cloudflare #CloudflareCLI #CloudflareWorkers #AIAgents #DevTools