Deploy blog lên Cloudflare Pages

Dạo này nghèo đói quá nên tôi đang tìm cách giảm bớt các chi phí hạ tầng không cần thiết 🥹

Nhìn lại thì tôi cũng chạy không nhiều dịch vụ:

Blog cá nhân donamkhanh.com & website "công ty" theseniorguys.net trên Digital Ocean với giá $6/tháng
5 website phục vụ bán hàng trên Interdata (cấu hình 2vCPU, 3GB RAM, 30GB SSD) với giá 1,162,800đ cho 2 năm

Về cấu hình với giá cả thì chắc chi phí duy trì trên Interdata là tối ưu nhất rồi, vì do tôi đăng ký dịch vụ khi nhà cung cấp họ tung nhiều gói khuyến mãi. Vậy nên giờ còn mỗi bên Digital Ocean là có thể cắt giảm thôi 😮‍💨

Đánh giá cẩn thận thì tôi nhận thấy blog cá nhân + website "công ty" hoàn toàn có thể chạy kiểu static site được, và cũng có rất nhiều dịch vụ free để chạy mấy cái này.

Và nền tảng static site generator tôi quyết định sử dụng là Eleventy do nó khá dễ dùng, tốc độ build cũng ổn, lại base trên NodeJS.

Tôi đã thử nghiệm chuyển đổi blog này từ Wordpress sang Markdown bằng cách sử dụng @11ty/import theo như hướng dẫn của Eleventy nhưng rất tiếc là quá trình import bị lỗi nên tôi chuyển sang cách thứ 2: vào trang quản trị của Wordpress export toàn bộ nội dung sang định dạng XML và sử dụng wordpress-export-to-markdown để convert về dạng Markdown.

Trộm vía thì cũng convert thành công dù còn 1 vài lỗi nhỏ, nhưng do số lượng bài viết của tôi không nhiều nên tôi... sửa lại bằng tay còn nhanh hơn là viết patch script 🤣

Tôi cũng quyết định tạm bỏ qua việc migrate các comment cũng như tính năng comment trên blog mới này. Lý do chính là lười, lý do phụ nhưng không kém phần quan trọng đó là cũng chả có ai comment trên blog này đâu 🤣

Tiếp đến là viết chút xíu code để bê cái theme bên Wordpress sang Eleventy. Do theme này khá đơn giản nên việc viết cũng không khó khăn gì (có mỗi 2 layout).

Cuối cùng là chốt dịch vụ để chạy đám static files này. Có quá nhiều dịch vụ như Vercel, Netlify, Kinsta, Cloudflare Pages... nhưng mà tôi chốt luôn Cloudflare Pages do là các domain của tôi cũng đang dùng dịch vụ của Cloudlflare rồi (chưa kể thằng Pages này nó cũng hỗ trợ Eleventy template, nên chỉ connect Github vào là xong, chả phải làm gì cả 😅). À, vẫn phải thêm custom domain nữa chứ cái subdomain mặc định nhìn hơi phèn.

Ok lah, khi các bạn đọc bài này thì blog đã được chuyển sang Eleventy + Cloudflare Pages thành công rồi đó 🥳

Tôi sẽ tiếp tục migrate nốt website theseniorguys.net sau khi chốt được giải pháp cho vụ contact form.