Skip to content
Bùi Thúc Đồng Notebook · since 2009
§ 03 · TUTORIAL BEGINNER ~1 MIN UPDATED 2026-04-27

Bắt đầu với Astro

Hướng dẫn từng bước xây dựng website đầu tiên với Astro framework.

Giới thiệu

Astro là framework hiện đại cho việc xây dựng website tĩnh với hiệu năng cao.

Bước 1: Cài đặt

npm create astro@latest my-site
cd my-site
npm run dev

Bước 2: Tạo trang đầu tiên

Tạo file src/pages/index.astro:

---
const greeting = "Xin chào!";
---

<html>
  <body>
    <h1>{greeting}</h1>
  </body>
</html>

Bước 3: Thêm component

Astro components kết thúc bằng .astro và có thể import vào bất kỳ trang nào.

Kết luận

Astro giúp xây dựng website nhanh, nhẹ và dễ bảo trì. Hãy thử ngay!