Headless WordPress + Astro

Same portfolio. A different stack.

This is my WordPress portfolio rebuilt with Astro. I still write and edit everything in WordPress. Astro reads it through the REST API and turns it into plain HTML when the site is built, so there's no PHP and no page builder running when you visit.

01 — The experiment

One set of content, two front ends

Both sites show the same 12 projects from the same WordPress database. Only the way the pages are made is different.

hjmiranda.com

WordPress + Elementor

Pages are made
By PHP on the server, then cached by LiteSpeed
Layout
Elementor containers and widgets
Editing
Visual, drag and drop
Hosting
PHP hosting with a database
lab.hjmiranda.com

WordPress (headless) + Astro

Pages are made
Once, at build time, as static HTML
Layout
Astro components and plain CSS
Editing
Fields in WordPress, design in code
Hosting
Static files on a CDN

See the full comparison and results

02 — Selected work

Sites I’ve built and shipped

All 12 projects
Hiller Commercial Floors website built with Elementor and WooCommerce

Hiller Commercial Floors

Elementor and WooCommerce build for a commercial flooring company. The product pages are almost all custom code, plus quote and estimate requests across the site.

  • WooCommerce
  • Elementor
  • Custom PHP
WooCommerce · WordPress
Ronald McDonald House of Minnesota & Western Wisconsin website homepage

Ronald McDonald House MN & WI

Full Elementor build with mega menu, donation and volunteer flows, and accessible, descriptive image alt text throughout.

  • WordPress
  • Elementor
  • Nonprofit
WordPress
Storemapper store locator website built in Webflow

Storemapper

Webflow marketing site for a store locator app. I built most of the pages and much of the site’s custom functionality.

  • Webflow
  • CMS
  • SaaS
Webflow
Next project

Have a site to build or fix?

WordPress, headless or both. I reply within one business day.