Chủ đề: astro
17 bài
· astro / ssg
Đánh giá Astro 5 — thay đổi gì và có nên nâng cấp?
Nâng cấp Astro 4 ngay. Content Layer giúp build Markdown nhanh hơn 5×, ít bộ nhớ hơn 25–50%. Chỉ chờ nếu dùng @astrojs/lit hoặc cần Cloudflare adapter v13+.
· deno / fresh
Deno Fresh vs Astro — framework nào chiến thắng năm 2026?
Astro là lựa chọn an toàn cho hầu hết các trang năm 2026. Fresh 2.x thắng cold-start edge nếu đội bạn dùng Deno — hệ sinh thái non trẻ là cái giá phải trả.
· static-sites / astro
Stack tốt nhất để xây dựng static blog trong năm 2026
Astro 6.4 là lựa chọn mặc định cho hầu hết static blog: DX tốt nhất, i18n tích hợp sẵn, zero JS mặc định. Hugo nếu có 10k+ trang. Bỏ qua Gatsby.
· seo / i18n
Lỗi SEO trong i18n: hreflang và bẫy đồng nhất slug
Một lỗi đánh máy trong tên file âm thầm phá vỡ hreflang graph — không lỗi build, không cảnh báo. Đây là những gì thực sự bị hỏng và cách phát hiện.
· astro / pagefind
Cách thêm tính năng tìm kiếm vào Astro với Pagefind
Tích hợp full-text search không cần server vào bất kỳ Astro static site nào bằng Pagefind 1.5: cài đặt, Astro integration, Component UI, data attributes, CSP, và deploy.
· rss / astro
RSS như một kênh phân phối — vẫn đáng làm trong năm 2026?
Có — RSS vẫn đáng thiết lập trong 2026. Organic reach mạng xã hội đã sụt còn 2–5%; RSS phân phối đến 100% subscriber mà không qua thuật toán.
· astro / mdx
Cách thêm MDX vào Astro 5 Content Collections
Hướng dẫn cài đặt @astrojs/mdx và kết nối với Content Layer API của Astro 5 — frontmatter có kiểu dữ liệu, import component, và các lỗi thường gặp.
· astro / mdx
Viết frontmatter cho Astro đúng cách (và validate nó)
Thêm Zod schema vào src/content.config.ts. Frontmatter fields của Markdown và MDX có TypeScript type và validate lúc build — không cần dependency ngoài.
· astro / rss
Cách thêm RSS feed vào trang Astro bằng @astrojs/rss
Thêm RSS feed vào trang Astro trong 20 phút với @astrojs/rss — bao gồm content collections, rssSchema, auto-discovery, nội dung đầy đủ và kiểm tra W3C.
· cms / headless-cms
Headless CMS tốt nhất cho developer năm 2026: 5 lựa chọn
Sanity là lựa chọn SaaS mặc định; Strapi và Payload dẫn đầu tier tự host. Khi nào mỗi trong 5 ứng viên thắng — và tại sao Contentful bị loại khỏi danh sách.
· rendering / nextjs
Static vs dynamic rendering năm 2026: chọn mode nào?
Cuộc tranh luận SSG-vs-SSR đã lỗi thời. Sáu rendering mode bao phủ toàn bộ phổ — đây là mode nào phù hợp với use case của bạn, kèm benchmark và code.
· astro / i18n
Cách xây dựng một site Astro đa ngôn ngữ (EN + VI)
Xây dựng site Astro 5 hai locale: i18n routing sẵn có, content collections, language switcher, hreflang và Cloudflare Workers deploy. Không plugin nào.
· astro / astro-6
Astro 6: Có Gì Mới, Điều Gì Hỏng và Nên Nâng Cấp Không?
Astro 6 đáng nâng cấp. Node 22 là yêu cầu mới, legacy Content Collections đã bị loại bỏ, Zod 4 âm thầm phá vỡ schema. Đây là chính xác những gì sẽ hỏng.
· astro / cloudflare
Cách deploy trang Astro lên Cloudflare Pages từng bước
Cloudflare Pages deploy Astro miễn phí, không giới hạn băng thông. Từng bước: cài adapter, fix cạm bẫy root directory monorepo, biến môi trường, custom domain.
· astro / eleventy
Astro vs Eleventy — xây dựng content site năm 2026
Astro phù hợp cho team TypeScript cần CMS hoặc island tương tác. Eleventy thắng khi tốc độ build, output không JS, hoặc tự do cấu hình là yêu cầu cứng.
· astro / hugo
Astro vs Hugo — TypeScript ergonomics hay tốc độ thuần túy?
Chọn Astro nếu team bạn dùng TypeScript hoặc cần component tương tác. Chọn Hugo nếu thời gian build là giới hạn cứng với 10K+ trang. Đây là ranh giới thực sự.
· nextjs / astro
Next.js vs Astro 2026 — khi nào nên chọn static site
Chọn Astro cho các trang nặng nội dung cần ít JS và Core Web Vitals tốt. Chọn Next.js khi bạn đang xây dựng một app, không phải một trang web.