Build a Web App with AI on Your Phone

You can now prompt an entire web app into existence from your phone. I’m not kidding! I just saw a post that detailed this entire process, and my mind is still reeling from how accessible this is. The original poster documented a full journey of using an AI agent to build and deploy a live geolocation app using only free services, all driven by prompts.

This is a totally new way of thinking about development. The core idea is to use an AI as your coding partner to handle everything from architecture to deployment. The person who shared it used a series of simple, conversational prompts to guide the AI through building a modern, full-stack application on Cloudflare.

Here’s the breakdown of how this savvy professional did it:

📌 The Stack & Setup The first step wasn’t writing code; it was asking for advice. The creator prompted the AI to recommend the best tech stack for a new Cloudflare project. The AI suggested a powerful combination: a Next.js frontend for the client-side interface and Hono for the server-side backend logic. This simple conversational prompt set the entire foundation for the project without needing to research a dozen frameworks.

The AI-Driven Build With the stack decided, a single prompt kicked off the entire build process. The contributor asked the AI:

Build out a geolocation web app. It should display IP information relating to the visiting user with nextjs an hono.

That’s it! The AI then generated the complete project structure, creating separate directories for the Next.js frontend (app/) and the Hono backend (api/), including the initial files for each.

💡 The Deployment Secret This is where it gets really clever. Instead of a complex deployment process, the mind behind it prompted the AI to use GitHub Actions. The true magic is in how the backend and frontend are combined. The workflow automatically builds the backend code into a single file named _worker.js and copies it directly into the static output folder of the Next.js frontend. When deployed to Cloudflare Pages, this special file automatically becomes a “Pages Function,” allowing the backend to run right alongside the frontend on Cloudflare’s edge network. It’s an awesome and elegant solution.

This entire workflow shows a future where your ideas can become live applications with just a few well-worded instructions. You have to see the full breakdown from the original post to get all the details, including links to the live app and the complete source code.

prompt a WhatsMyIP hosted in cloudflare all from your phone
byu/WonderChat in

Scroll to Top