Ship landing page trong 2 giờ với Astro
Hôm qua tôi ship 1 landing page trong 2 giờ.
Không phải demo. Site production, có domain, đang chạy.
Đây là nhật ký build thật.
Bối cảnh
Cần landing page cho workshop sắp tới. Hạn chót: chiều nay.
Yêu cầu:
- Hero section với CTA đăng ký
- 3 sections giới thiệu nội dung
- Phần FAQ
- Responsive, nhanh, triển khai được
Giờ 1: Setup + Cấu trúc
0-15 phút: Clone template Astro, đổi config cơ bản.
Tôi có sẵn 1 starter template đã tối ưu. Không build từ đầu.
15-30 phút: Viết dàn ý nội dung với Claude.
Prompt tôi dùng:
Tôi cần landing page cho workshop về [chủ đề].
Đối tượng: [audience]
Mục tiêu: Đăng ký (miễn phí, có slot giới hạn)
Sinh:
1. Hero headline + subheadline (3 phiên bản)
2. 3 benefit sections (mỗi cái 1 heading + 2 câu)
3. 5 FAQs phổ biến
30-60 phút: Dán nội dung vào template, chỉnh styling.
Phần này thủ công. Tailwind CSS nên nhanh.
Giờ 2: Hoàn thiện + Deploy
60-75 phút: Kiểm tra responsive.
Ưu tiên mobile. Test trên 3 breakpoints: 375px, 768px, 1024px.
75-90 phút: SEO cơ bản.
- Meta title/description
- OG image (dùng template có sẵn)
- Favicon
90-105 phút: Deploy.
Push lên GitHub → Cloudflare Pages tự động deploy.
DNS đã setup từ trước nên không mất thời gian.
105-120 phút: Test cuối + chia sẻ.
Kiểm tra links, test gửi form, đăng lên group.
Sai lầm tôi mắc phải
-
Quên alt text cho hình. Phải quay lại thêm.
-
Form action sai. Copy từ template cũ, quên đổi endpoint.
-
Kích thước OG image sai. Phải resize lại.
Cả 3 cái này mất thêm 15 phút sửa. Thực tế là 2 giờ 15 phút.
Tại sao nhanh được?
-
Template sẵn sàng. Không thiết kế từ đầu.
-
Workflow nội dung rõ ràng. Biết hỏi AI gì, ở bước nào.
-
Pipeline deploy đã setup. Push = live.
-
Không cầu toàn. Ship trước, cải tiến sau.
Build demo trong 30 phút dễ. Ship production trong 30 ngày mới khó.
Nhưng với workflow đúng, ship production trong 2 giờ cũng được.
Khác biệt? Chuẩn bị.
- Thư viện template
- Workflow nội dung
- Tự động hoá deploy
- Checklist đã test
Tôi mất 6 tháng để xây những thứ này. Giờ mỗi dự án mới chỉ mất 2 giờ.
Nhật ký build như này tôi chia sẻ trong Tony’s Friends VIP. Không chỉ kết quả, mà cả quy trình thật.