> cat ./learn/bat-dau-voi-astro/index.mdx

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.

L1 ~1 min 1 step updated 2026-04-27

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.

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

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

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

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

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

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