Dùng Astro và MDX để xây dựng engineering blog
Cách tổ chức blog kỹ thuật bằng Astro Content Collections, MDX component, RSS và sitemap mà vẫn giữ tốc độ tải trang tốt.
Engineering blog thường cần hai thứ cùng lúc: nội dung dễ viết như Markdown và khả năng chèn các block UI khi bài viết cần biểu đồ, checklist hoặc số liệu. Astro kết hợp với MDX giải quyết khá gọn phần này.
Vì sao dùng Content Collections
Khi số lượng bài viết tăng lên, frontmatter rất dễ lệch: bài thiếu description, ngày sai định dạng hoặc tag không nhất quán. Content Collections giúp validate dữ liệu ngay lúc build, nên lỗi được phát hiện trước khi deploy.
Một schema tốt nên giữ các field tối thiểu:
titledescriptionpubDateauthortagsheroImage
Khi nào nên dùng MDX
Không phải bài nào cũng cần MDX. Với bài thuần chữ, Markdown là đủ. MDX phù hợp khi bài cần component có style riêng, ví dụ metric card, callout, bảng so sánh hoặc demo nhỏ.
Điểm quan trọng là không biến bài viết thành một trang app phức tạp. MDX nên hỗ trợ nội dung, không thay nội dung.
SEO cho blog kỹ thuật
Trang blog nên có title và description rõ ràng, canonical URL, Open Graph image, RSS feed và sitemap. Các phần này giúp bài viết dễ được crawler hiểu hơn, đồng thời khi chia sẻ link lên chat hoặc mạng xã hội cũng nhìn chuyên nghiệp hơn.