Tại sao Astro?

Astro là một framework web cách mạng được thiết kế cho các trang web giàu nội dung. Không giống như các framework truyền thống gửi JavaScript đến trình duyệt, Astro không gửi JavaScript nào theo mặc định, mang lại tốc độ tải trang cực nhanh.

Lợi ích Chính

  • Không JavaScript mặc định: HTML tĩnh được phục vụ trước, sau đó các đảo tương tác được hydrate theo yêu cầu
  • Content Collections: Markdown/MDX an toàn về kiểu với xác thực schema
  • Kiến trúc Island: Chỉ tải JavaScript cho các component tương tác
  • Không phụ thuộc Framework: Sử dụng React, Vue, Svelte hoặc HTML thuần trong cùng một dự án

Bắt đầu

Bắt đầu một dự án Astro mới rất đơn giản:

pnpm create astro@latest

Trình hướng dẫn CLI sẽ hướng dẫn bạn qua các bước chọn template, thiết lập TypeScript và cài đặt dependencies.

Content Collections

Một trong những tính năng mạnh mẽ nhất của Astro là Content Collections:

  1. Xác thực frontmatter an toàn về kiểu với Zod schemas
  2. Tự động tạo kiểu TypeScript
  3. Tiện ích truy vấn (getCollection, getEntry)
  4. Render Markdown/MDX tích hợp sẵn

Kết luận

Astro đại diện cho một mô hình mới trong phát triển web — một mô hình ưu tiên nội dung và hiệu suất mà không hy sinh trải nghiệm phát triển. Nếu bạn đang xây dựng một blog, trang tài liệu hoặc bất kỳ trang web tập trung vào nội dung nào, hãy thử Astro.