惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

D
DataBreaches.Net
Y
Y Combinator Blog
I
InfoQ
Recent Announcements
Recent Announcements
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
博客园 - Franky
IT之家
IT之家
H
Help Net Security
月光博客
月光博客
S
SegmentFault 最新的问题
B
Blog
aimingoo的专栏
aimingoo的专栏
GbyAI
GbyAI
P
Proofpoint News Feed
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
G
Google Developers Blog
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
U
Unit 42
Vercel News
Vercel News
博客园 - 叶小钗
Microsoft Security Blog
Microsoft Security Blog
腾讯CDC
Jina AI
Jina AI
T
The Blog of Author Tim Ferriss

DEV Community

Authentication Security Deep Dive: From Brute Force to Salted Hashing (With Java Examples) Why AI Systems Don’t Fail — They Drift Spilling beans for how i learn for exam😁"Reinforcement Learning Cheat Sheet" I Replaced Chrome with Safari for AI Browser Automation. Here's What Broke (and What Finally Worked) How Python Borrows Other People's Work The $40 Architecture: Processing 1 Billion API Requests with 99.99% Uptime Vibe Coding: A Workflow Guide (From Zero to SaaS) Most webhook security guides protect the wrong side. The scary part is delivery. Headless CMS for TanStack Start: Build a Blog with Cosmic EU Age Verification App "Hacked in 2 Minutes" — What Actually Happened Comfy Cloud’s delete function does not actually remove files Running AI Models on GPU Cloud Servers: A Beginner Guide Event-driven media intelligence with AWS Step Functions and Bedrock I scored 500 AI prompts across 8 quality dimensions — here's what broke How to Call Google Gemini API from Next.js (Free Tier, No Backend Needed) The Portal Protocol: Reclaiming Human Connection in the Age of AI How to Fix Your Team's Scattered Knowledge Problem With a Self-Hosted Forum Intro to tc Cloud Functors: A Graph-First Mental Model for the Modern Cloud Designing Multi-Tenant Backends With Both Ownership and Team Access I Built a Neumorphic CSS Library with 77+ Components — Here's What I Learned PostgreSQL Performance Optimization: Why Connection Pooling Is Critical at Scale Cómo construí un SaaS multi-rubro para gestionar expensas en Argentina con FastAPI + Vue 3 🚀 I Built an Ethical Hacking Scanner Tool – Open Source Project I Replaced /usage and /context in Claude Code With a Single Statusline A Pythonic Way to Handle Emails (IMAP/SMTP) with Auto-Discovery and AI-Ready Design I Collected 8.9 Million Polymarket Price Points — Here's What I Found About How Markets Really Move EcoTrack AI — Carbon Footprint Tracker & Dashboard Everyone's Using AI. No One Agrees How. 5 self-hosted ebook managers worth trying in 2026 Building Your First AI Agent with LangChain: From Chatbot to Autonomous Assistant
How I migrated a WordPress site to Cloudflare Pages using...
Eduardo Villão · 2026-06-26 · via DEV Community

WordPress does everything. That's both the problem and the solution.

I've spent years in the WordPress ecosystem: plugins, themes, WooCommerce, Gutenberg, the whole thing. It's a mature, powerful platform that handles complex cases really well. I'm not here to say it's bad.

But with AI there's a category of site where it became overkill: landing pages, product sites, company pages, portfolios. Pages that are essentially static content with a contact form. You're running a full PHP stack, managing plugin updates, paying for server hosting, all for a page that could be pure HTML served from the edge.

For those cases, I've started migrating everything. Destination: Cloudflare Pages. The process: largely AI-assisted.

Here's how it went.

Why Cloudflare Pages

A few reasons it won over Vercel, Netlify, and GitHub Pages for this project:

  • Global edge network with zero cold starts
  • Free tier is genuinely generous — unlimited requests, unlimited bandwidth
  • Cloudflare Workers for any dynamic logic that survives the migration
  • D1 for lightweight database needs if they come up later
  • Everything in one ecosystem

If you're already on Cloudflare for DNS (most people are), the migration path is shorter than it looks.

The stack after migration

  • Static site generator: Astro — outputs pure HTML, partial hydration for any interactive component, excellent build performance
  • Hosting: Cloudflare Pages
  • Forms: FormRoute — more on this later
  • AI used: Claude for content transformation, component generation.

Step 1 — Export and inventory the WordPress content

First step: understand what you actually have.

# Export everything from WordPress
# Admin → Tools → Export → All content
# Downloads an XML file

The XML export gives you posts, pages, categories, tags, authors, and media references. It doesn't give you the actual media files — those come separately.

I fed the XML export to Claude and asked it to:

  1. List every post and page with title, slug, date, and category
  2. Identify which content was actively trafficked vs stale
  3. Flag any posts with embedded shortcodes that would need manual attention

The output was a clean inventory in about 30 seconds. On a large site this alone saves hours.

Prompt I used:

Here's a WordPress XML export. Give me:
1. A table of all posts: title, slug, publish date, category, word count
2. A list of all shortcodes used across the content
3. Any embedded iframes or third-party scripts you can identify
Format as markdown.

Step 2 — Convert content to Markdown

WordPress stores content as HTML with shortcodes mixed in. Astro wants Markdown with frontmatter. Claude handled most of this conversion automatically.

Prompt for content conversion:

Convert this WordPress post HTML to Markdown with Astro frontmatter.
Preserve all headings, links, images, and formatting.
Output the frontmatter with: title, description, pubDate, slug, tags.
Flag any shortcodes you can't convert with a [MANUAL REVIEW NEEDED] comment.

For 80% of posts, the output was clean and ready to use. The remaining 20% had:

  • Contact form shortcodes ([contact-form-7]) — needed replacement
  • Gallery shortcodes ([gallery ids="..."]) — needed manual rebuild
  • Plugin-specific shortcodes — varied by plugin

The shortcode problem is where most WordPress migrations get stuck. More on the form replacement below.

Step 3 — Set up Astro on Cloudflare Pages

npm create astro@latest my-site
cd my-site
npx astro add cloudflare

The Cloudflare adapter handles the build output format for Pages. After that, connect your GitHub repo to Cloudflare Pages and it deploys on every push.

Basic astro.config.mjs:

import { defineConfig } from 'astro/config'
import cloudflare from '@astrojs/cloudflare'

export default defineConfig({
  output: 'static',
  adapter: cloudflare(),
})

For a pure static site, output: 'static' is what you want. No server-side rendering, no cold starts, pure HTML at the edge.

Step 4 — Migrate content and assets

I asked Claude to generate a migration script that:

  1. Read the WordPress XML export
  2. Created individual .md files for each post with proper frontmatter
  3. Renamed media files to a clean slug-based convention
  4. Updated internal image references in the content
// Claude-generated migration script (simplified)
import { parseStringPromise } from 'xml2js'
import { writeFileSync, mkdirSync } from 'fs'
import { slugify } from './utils'

const xml = readFileSync('export.xml', 'utf-8')
const data = await parseStringPromise(xml)
const posts = data.rss.channel[0].item

for (const post of posts) {
  const title = post.title[0]
  const content = post['content:encoded'][0]
  const date = post.pubDate[0]
  const slug = post['wp:post_name'][0]

  const frontmatter = `---
title: "${title}"
pubDate: ${new Date(date).toISOString()}
slug: "${slug}"
---\n\n`

  writeFileSync(
    `src/content/blog/${slug}.md`,
    frontmatter + convertToMarkdown(content)
  )
}

For media, I kept the files in the Cloudflare Pages public folder and updated the references in the Markdown files. For larger sites with heavy media, R2 is worth looking at, but for most company pages and landing pages, serving assets directly from Pages is enough. Claude generated the find-and-replace script for URL rewriting.

Step 5 — The forms problem

This is where every WordPress-to-static migration hits the same wall.

Contact Form 7, Gravity Forms, WPForms — they all depend on PHP running on the server. Move to static and they stop working entirely. There's no server to process the submission.

The options I evaluated:

Write a Cloudflare Worker — possible, but you're now maintaining a backend for what is essentially a contact form. Wiring up email delivery, validation, spam protection. More moving parts than I wanted.

Use a form backend service — drop one endpoint into the form, the service handles everything. No server, no maintenance.

I went with FormRoute. The migration from Contact Form 7 was straightforward:

Before (Contact Form 7 shortcode):

[contact-form-7 id="123" title="Contact form"]

After (Astro component):

---
// src/components/ContactForm.astro
---

<form action="https://api.formroute.dev/f/YOUR_KEY" method="POST">
  <input type="text" name="name" placeholder="Your name" required />
  <input type="email" name="email" placeholder="Your email" required />
  <textarea name="message" placeholder="Your message" required></textarea>

  <div class="cf-turnstile" data-sitekey="YOUR_TURNSTILE_KEY"></div>

  <input type="text" name="_honeypot" style="display:none" tabindex="-1" />

  <button type="submit">Send</button>
</form>

<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async></script>

Spam protection runs via Cloudflare Turnstile, invisible to real users. Submissions go to the FormRoute dashboard and trigger an email notification. Free tier covers 1,000 submissions a month.

Step 6 — Redirects

WordPress URLs don't always match what you want for a static site. You need to redirect old URLs to new ones so you don't lose SEO or break existing links.

Cloudflare Pages handles redirects via a _redirects file in the public folder:

/old-post-url/ /new-post-url/ 301
/category/news/ /blog/ 301
/?p=123 /post-slug/ 301

I fed Claude the old URL list and the new slug list and asked it to generate the redirects file. It handled the mapping in one pass.

For WordPress sites with ?p=123 style URLs, the pattern is:

/?p=:id /blog/:slug 301

You'll need to map each ID to its slug manually or via a script — Claude can generate that script from the XML export.

What broke (honest list)

Comments — WordPress comments don't have a static equivalent. I replaced them with nothing. If comments matter for your site, look at Giscus (GitHub Discussions-based) or just remove them.

Search — WordPress search is server-side. Static sites need client-side search. Pagefind works well with Astro and takes 10 minutes to set up.

WooCommerce — if your WordPress site has ecommerce, this migration path doesn't apply. WooCommerce requires a server. Static + Shopify Buy Button or a headless approach is the alternative.

Some SEO plugins — Yoast SEO data lives in WordPress meta. The XML export includes it but you need to map it manually to your Astro frontmatter. Claude can generate the mapping script but it takes some cleanup.

Plugin-specific shortcodes — anything from a plugin that isn't content (countdown timers, booking widgets, interactive maps) needs a replacement. There's no universal answer here — depends on what the plugin did.

The result

  • Build time: under 10 seconds
  • Time to first byte: under 50ms globally (Cloudflare edge)
  • Lighthouse score: 98–100 across the board
  • Hosting cost: $0 (Cloudflare Pages free tier)
  • Maintenance: zero PHP, zero plugin updates, zero server patches

The AI-assisted migration took about a day of actual work for a mid-size site (80 posts, 20 pages). Without AI the same work would have taken a week — content conversion and script generation were the biggest time savings.

Summary — what AI helped with

Task Time without AI Time with AI
Content inventory 2–3 hours 10 minutes
HTML to Markdown conversion 1 day 10 minutes
Migration scripts 4–6 hours 10 minutes
Redirects file 2 hours 5 minutes
Component generation 3 hours 20 minutes

The parts AI couldn't help with: judgment calls on what to keep, what to cut, and how to handle plugin-specific functionality. That's still on you.

Resources