Ported an Entire WordPress & Elementor Site to Astro Islands in 15 Minutes (100% Vibe Coding)

I had a raw cPanel backup of an old WordPress/Elementor site sitting in a folder:

• A raw 3.7MB MySQL dump (softsql.sql)

• Nearly 300 image uploads (wp-content/uploads/)

• A mountain of messy Elementor shortcodes, serialized data, and theme files

Normally, migrating this by hand is a multi-day nightmare of copying text from WP admin, hunting down asset paths, re-coding

sliders and flip boxes, setting up modern tooling, and hooking up hosting.

Instead, I decided to test the limits of pure vibe coding with an autonomous agent.

Here was my exact prompt:

│ "do a complete port of this website using astro js and make custom astro islands"

──────

### What the Agent Did (Without Me Touching the Code)

1. Reverse-Engineered the SQL Dump with On-the-Fly Python Scripts

   It didn’t even spin up a MySQL database. It wrote Python scripts to parse softsql.sql, unescape Elementor's serialized JSON

   trees (_elementor_data), and extract every single page: Home, About Us, Products, Gallery, Why Us, Bulk Orders, Contact, and

   Privacy Policy. It pulled all the copy, technical specs, director statements, addresses, and catalog items.

2. Cleaned & Mapped 290+ Images Automatically

   It extracted all the media from wp-content/uploads/ directly into Astro’s public/images/ and mapped every product and gallery

   entry cleanly in TypeScript data structures.

3. Replaced Bloated WP Plugins with Custom React Astro Islands

   Instead of shipping megabytes of jQuery and Elementor runtime scripts, it built lightweight, isolated interactive components:

• Hero Carousel (client:load): Ken Burns zoom, touch swipe, autoplay, and CTA banners.

• Stats Counter (client:visible): Scroll-triggered animated counter for business milestones.

• 3D Flip Cards (client:visible): Interactive 3D flip cards with mobile tap and desktop hover.

• Product Catalog & Quick View (client:load): Instant category filter tabs, search bar, and detailed modal popup with size

selector.

• Gallery Lightbox (client:load): Fullscreen masonry gallery for 45+ catalog looks with keyboard navigation and zoom.

• B2B Bulk Quote Calculator (client:visible): Dynamic wholesale price estimator with volume tiers, wash options, and

instant WhatsApp inquiry generation.

• Contact Form & Floating WhatsApp Widget (client:idle): Responsive form validation and direct chat popup with zero impact

on initial page load speed.

1. Wired up CI/CD & Cloudflare Edge Deployment

   I provided deployment credentials, and the agent:

• Created the Git repository and configured automated push-to-deploy workflows

• Created a brand-new Cloudflare Pages project

• Attached custom domains, verified DNS nameservers, and got edge SSL running live.

──────

### The Result

• Live Custom Domain: https://advenjeans.in

• Pages Mirror: https://advenjeans.pages.dev

Static HTML delivered globally via Cloudflare's edge network, zero server hosting costs, lightning-fast performance, and not a

single line of legacy PHP in sight.

All from throwing a messy backup folder at an AI agent and giving one prompt. Vibe coding is wild.