Bắt đầu với Astro

· 1 phút đọc
#astro #web-development #tutorial

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!