Vibe Hosting

2 minutes

Writing code with AI is a lot of fun.

Yes, debugging is painful. And it’s easy to get stuck in endless loops. But being able to think up something and watch it materialize in minutes is magical.

One of the under-appreciated aspects of vibe coding is how easy it is to host projects with the many platforms out there. My preferred host today is Cloudflare Pages. Hosting a site on Cloudflare is free and you get a nice *.pages.dev subdomain. Deployment is as simple as uploading a folder or a zip file via the browser. You can also connect your site to Github directly for automated deploys.

Let me walk you through how simple it is to go from idea to hosted app.

—–

I came up with an idea for a simple joke app for my daughter. I want to show a joke in big text, and have a button to reveal the answer. I mocked up something quickly and then fed a simple prompt to Cursor.

Simple app mockup
Simple app mockup.
Cursor prompt
Prompt I fed into Cursor.

After some back and forth–I ran into some react compatibility issues–I finally got a working protype.

My initial app
Here's what Cursor came up with (using Claude 3.7 Sonnet)

I was going to use ChatGPT to generate a big list of jokes and then feed that back into Cursor–but the jokes from the intial prompt were great so I just went with that.

Then I just built the React app and uploaded the build directory to Cloudflare.

Free hosting and direct file uploads.
Free hosting on Cloudflare pages

And now you can see the finished product at bigjokes.pages.dev.

All in under 20 minutes. Magic.