Avatar
Back

Ship landing page trong 2 giờ với Astro

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

  1. Quên alt text cho hình. Phải quay lại thêm.

  2. Form action sai. Copy từ template cũ, quên đổi endpoint.

  3. 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?

  1. Template sẵn sàng. Không thiết kế từ đầu.

  2. Workflow nội dung rõ ràng. Biết hỏi AI gì, ở bước nào.

  3. Pipeline deploy đã setup. Push = live.

  4. 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.