Di chuyển WordPress sang Cloudflare Pages với sự hỗ trợ của AI

WordPress rất mạnh mẽ. Đối với các trang landing page, portfolio và trang web công ty, nó thường quá nặng nề. Bạn phải quản lý plugin, các bản cập nhật và máy chủ cho những nội dung vốn chỉ cần HTML đơn giản.

Tôi đã chuyển trang web của mình sang Cloudflare Pages bằng cách sử dụng Astro và AI. Chi phí là 0 đồng và tốc độ chạy nhanh hơn.

Dưới đây là quy trình và những gì đã gặp lỗi.

The Tech Stack • Static Site Generator: Astro • Hosting: Cloudflare Pages • Forms: FormRoute • AI Assistant: Claude

Why Cloudflare Pages? • Mạng lưới edge toàn cầu không có tình trạng khởi động chậm (cold starts). • Gói miễn phí hào phóng với băng thông không giới hạn. • Tích hợp dễ dàng nếu bạn sử dụng Cloudflare làm DNS.

The Migration Steps

  1. Content Inventory Tôi đã xuất tệp XML của WordPress. Tôi đưa nó cho Claude để tạo một danh sách sạch sẽ gồm mọi bài viết, slug và danh mục. Việc này chỉ mất 30 giây thay vì hàng giờ đồng hồ.

  2. Content Conversion WordPress sử dụng HTML và shortcode. Astro sử dụng Markdown. Tôi đã dùng Claude để chuyển đổi HTML sang Markdown với phần frontmatter chuẩn xác. Nó hoạt động tốt cho 80% nội dung của tôi.

  3. Automation Tôi đã yêu cầu Claude viết một script di chuyển. Script này đọc tệp XML, tạo các tệp Markdown riêng lẻ và cập nhật các tham chiếu hình ảnh.

What Broke (The 20%)

Các trang web tĩnh không có máy chủ. Điều này có nghĩa là một số thứ sẽ ngừng hoạt động:

• Contact Forms: Các biểu mẫu dựa trên PHP như Contact Form 7 sẽ không hoạt động. Tôi đã thay thế chúng bằng FormRoute. Bạn chỉ cần trỏ thuộc tính action của biểu mẫu đến API của họ. • Shortcodes: Các shortcode dành riêng cho plugin hoặc gallery không tồn tại trong Astro. Bạn phải xây dựng lại chúng dưới dạng các component. • Search: Tính năng tìm kiếm của WordPress chạy ở phía máy chủ (server-side). Tôi đã sử dụng Pagefind để thêm tính năng tìm kiếm ở phía máy khách (client-side) vào trang web tĩnh của mình. • Comments: Bình luận của WordPress không hoạt động trên các trang web tĩnh. Tôi đã gỡ bỏ chúng.

The Results

• Build time: Dưới 10 giây. • Speed: Dưới 50ms trên toàn cầu. • Lighthouse score: 98–100. • Cost: $0. • Maintenance: Không tốn kém.

AI đã giúp tôi tiết kiệm nhiều ngày làm việc trong việc chuyển đổi nội dung và viết script. Tuy nhiên, bạn vẫn cần đưa ra các quyết định của con người về việc nên giữ lại cái gì và thay thế các tính năng bị lỗi như thế nào.

Source: https://dev.to/edu_villao/how-i-migrated-a-wordpress-site-to-cloudflare-pages-using-ai-and-what-broke-eji

Optional learning community: https://t.me/GyaanSetuAi