From Idea to Fully Deployed in 3 Days — All for $15

Sometimes, the best projects happen when you mix speed, clarity, and just the right set of tools. That's exactly what happened with hfares.com — my personal professional website and blog — which went from a simple idea in my head to a fully functional, bilingual, responsive, SEO-friendly site in just 3 days… and for only $15.

It wasn't magic. It was vibe coding — letting the flow guide me, using AI and automation to skip the slow, boring steps, and keeping my focus on what really matters: personal branding, user experience, and a killer workflow that I can maintain forever.

Step 1: Gathering the Requirements (ChatGPT – 1 Hour – Free)

I started with a clear vision:

• A professional website that reflects my personal brand
• Fully bilingual (English/Arabic)
• Responsive design
• Easy to edit and maintain
• Capable of hosting a blog without complicated CMS setups
• Friendly for both humans and AI bots

Instead of writing long documents, I sat down with ChatGPT and hashed it out in about an hour. We refined my needs, turned them into concrete technical requirements, and got a crystal-clear roadmap.

Step 2: Building the Website (Replit – 2 Days – $15)

Once the requirements were locked in, I went straight to Replit. The goal wasn't just to code — it was to vibe code.

That meant:

• Rapid prototyping
• Iterating fast with an AI coding assistant
• Avoiding over-engineering

After using the free tier, I grabbed the Replit Core plan at a discounted $15 (excluding VAT). Over two days and around 60 chats with the Replit agent, the site took shape exactly as I imagined.

Step 3: Version Control & Automation (GitHub – 30 Minutes – Free)

The site needed a solid home for its source code, so I set up a GitHub repo.

• Connected Replit to GitHub so every update could be pushed instantly
• Structured the project so my blog posts are just Markdown (.md) files I drop into a folder
• No CMS, no extra login — just commit, push, done

Step 4: Deployment & Hosting (Cloudflare – Few Hours – Free)

With GitHub ready, I connected it to Cloudflare Pages.

Here's the magic:

• Every push to the main branch triggers a static build of the site
• The new build is automatically deployed to Cloudflare Pages
• My custom domain hfares.com is connected with proper DNS settings

The result? A dynamic development workflow but a static, lightning-fast site for visitors.

The Results: Performance That Speaks for Itself

I ran the site through Lighthouse, and the results were stunning:

This is the kind of score you'd expect from big-budget projects — not a $15, 3-day sprint.

Why This Workflow Works

By combining ChatGPT, Replit, GitHub, and Cloudflare, I:

• Eliminated unnecessary manual steps
• Automated the build-and-deploy pipeline
• Made future edits as easy as editing a text file
• Kept costs absurdly low

It's a setup that's not just efficient — it's fun. And that's why I call it vibe coding.

Final Thoughts

If you've been sitting on an idea for your personal website, you don't need months or a big budget. You just need the right tools, a clear vision, and the willingness to ship fast.

The combination of AI-assisted development, modern deployment platforms, and smart automation can turn anyone into a full-stack developer for the weekend. The key is embracing the flow, leveraging the right tools, and focusing on what truly matters: delivering value to your users.

Ready to start your own vibe coding journey? The tools are waiting for you.