#astro

EmDash: Cloudflare's CMS for Astro, explained

What EmDash is, how it's built, what the admin and the MCP server look like, where it runs and what it costs, and where it falls short of WordPress and Ghost.

15 apps you can vibe code instead of subscribing

Bối cảnh: Bài viết giới thiệu 15 ứng dụng bạn có thể tự code thay vì đăng ký dịch vụ trả phí như Slack, Notion, Calendly. Nguyên nhân kỹ thuật: Các hướng dẫn đi kèm prompts AI có phạm vi cụ thể, ước tính build thực tế và tính năng nhỏ để bắt đầu. Hệ quả: Bạn tiết kiệm chi phí đăng ký hàng tháng và có quyền kiểm soát hoàn toàn hệ thống. Điều đáng học: Cách tiếp cận phân chia dự án thành các phần nhỏ có thể thực hiện trong thời gian ngắn với phạm vi rõ ràng, giúp giảm độ phức tạp ban đầu.

Bài viết này giúp lập trình viên tiết kiệm chi phí bằng cách tự xây dựng các công cụ thay vì đăng ký trả tiền.

Migrating a WordPress blog to EmDash: the checklist

The built-in WordPress importer, the exporter plugin, what moves and what doesn't, how statuses and dates come across, and a checklist to run the migration from export to cutover.

Cloudflare Pages vs Workers: which should you choose?

Cloudflare Pages là giải pháp hosting cho static sites với chi phí 0.20 USD mỗi lượt request vượt 10K, phù hợp cho các dự án dựa trên static site generation như Next.js hay Astro. Trong khi đó, Cloudflare Workers tính phí 0.50 USD cho mỗi triệu lượt request, cho phép xử lý API và full-stack app với runtime JavaScript/TypeScript. Hệ quả là Pages tối ưu cho dự án tĩnh có lượng request ổn định, còn Workers phù hợp khi cần scalability và xử lý logic phức tạp trên edge. Bài viết cung cấp biểu đồ request flow và ví dụ tính toán chi phí cụ thể, giúp lập trình viên ra quyết định dựa trên nhu cầu thực tế về performance và ngân sách.

Bài viết này giúp bạn hiểu rõ khi nào nên sử dụng Cloudflare Pages hay Workers cho dự án web tĩnh hoặc ứng dụng full-stack.

What's new in Astro - October 2026

October 2026 - Astro 7.4, conference talks, and more!

SPA vs server-side rendering: which should you choose?

Khi xây dựng ứng dụng web, bạn cần cân nhắc giữa Single Page Application (SPA) và server-side rendering dựa trên đặc điểm navigation của ứng dụng. SPA phù hợp cho các ứng động có tính tương tác cao với navigation phức tạp trong khi server-side rendering tối ưu hóa thời gian tải trang ban đầu (initial page load) và SEO. Shared state management trong SPA dễ dàng hơn nhưng server-side rendering giảm thiểu thời gian loading bằng cách trả về HTML hoàn chỉnh từ server. Cuối cùng, hãy xem xét yếu tố bảo trì - SPA đòi hỏi kiến thức sâu về JavaScript framework còn server-side rendering có thể đơn giản hóa việc triển khai khi nhóm chưa quen với các công cụ frontend hiện đại.

Bài viết này giúp lập trình viên hiểu rõ cách lựa chọn giữa Single-Page App và server-side rendering dựa trên nhu cầu cụ thể của dự án.

Goodbye WordPress

Nolan Lawson đã di chuyển blog từ WordPress.com sang self-hosting sau 15 năm sử dụng. Sự thay đổi này diễn ra do drama gần đây liên quan đến WordPress và các hạn chế về kỹ thuật của nền tảng. Người đọc cần cập nhật RSS reader để theo dõi tại địa chỉ nolanlawson.com/feed. Bài viết mang lại bài học về tầm quan trọng của việc kiểm soát dữ liệu và độc lập với một nền tảng duy nhất.

Bài viết chia sẻ kinh nghiệm di chuyển khỏi WordPress sau 15 năm sử dụng, giúp bạn hiểu lý do và cách thức chuyển đổi sang self-hosting.

I still like writing websites by hand

Tác giả từng hand‑code một trang web cho Alex vào năm 2020, sau khi họ quen nhau từ năm 2017, và trang đó vẫn không bị thay đổi tới nay. Ông chọn viết bằng HTML thuần, CSS và vanilla JavaScript, không dùng bất kỳ framework hoặc công cụ build nào, nhằm tối ưu độ đơn giản và khả năng duy trì lâu dài. Sau hơn ba năm, trang web vẫn hoạt động ổn định mà không cần cập nhật, cho thấy việc tránh phụ thuộc vào thư viện bên thứ ba giảm thiểu rủi ro lỗi và công việc bảo trì. Điều này cho thấy khi mục tiêu là một trang web tĩnh thay đổi hiếm, việc hand‑code giúp kiểm soát hoàn toàn mã nguồn, giảm kích thước tải và dễ dàng di chuyển giữa các host. Bài viết nhắc nhở lập trình viên cân nhắc trade‑off giữa tốc độ phát triển bằng framework và lợi ích lâu dài của mã nguồn hand‑written, đặc biệt cho các dự án có thời gian sống dài.

Bài viết này giúp bạn hiểu được giá trị của việc viết website thủ công trong kỷ nguyên framework hiện đại.

Pokémon bakeoff reveals best JavaScript frameworks for AI

Sorry React die-hards, Claude prefers lean HTML-first tools over bloated SPAs

Astro 7.0

Phiên bản Astro 7.0 tập trung tối ưu hiệu suất với tốc độ build nhanh hơn 15–61%, nhờ compiler Rust mới thay thế Go cũ, pipeline Markdown/MDX bằng Sätteri (Rust), Vite 8 + Rolldown (nhanh gấp 10–30 lần Rollup), cùng cơ chế rendering hàng đợi ổn định. Tính năng Routing nâng cấp với src/fetch.ts, hỗ trợ middleware Hono, cache CDN từ Netlify/Vercel/Cloudflare, và cải tiến AI agent với chế độ dev nền, phát hiện tự động cùng logging JSON có cấu trúc.

Lập trình viên phát triển web nên đọc bài này vì Astro 7.0 mang đến những cải tiến công nghệ như Rust-based compiler và Vite 8 + Rolldown, giúp tối ưu hóa hiệu suất build và giao diện người dùng, đồng thời mở rộng khả năng quản lý lưu trữ và xử lý AI, giúp xây dựng ứng dụng web nhanh hơn và hiệu quả hơn.

Affordable and Fast Migration

Evil Martians đã hoàn thành migration từ Gatsby sang Astro trong chỉ 9 ngày mà không cần viết lại bất kỳ React component nào. Họ tận dụng tính năng Islands Architecture của Astro để giữ nguyên giao diện người dùng hiện có. Quy trình này giảm 60% bundle size và cải thiện tốc độ tải trang lên tới 70%. Học hỏi từ bài viết, lập trình viên có thể áp dụng migration strategy tương tự bằng cách sử dụng adapter cho framework hiện tại và tận dụng tính năng server-side rendering của Astro.

Bài viết tiết lộ bí quyết di chuyển dự án Gatsby sang Astro chỉ trong chín ngày mà không cần viết lại bất kỳ React component nào.

What's new in Astro - July 2026

Tháng 7/2026 giới thiệu cuộc thi CodeTV GSAP Webflow, sự kiện Astro Germany cùng những cập nhật mới khác.

Là người phát triển web muốn tối ưu hiệu suất, tính tương tác và tương thích đa nền tảng cho dự án của mình, bạn nên đọc bài này để cập nhật những tính năng mới nhất của Astro—cung cấp công cụ mạnh mẽ để xây dựng trang web nhanh hơn, an toàn hơn và tương thích hơn với các công nghệ hiện đại.

Astro 7.3

Astro 7.3 ra mắt với một số cải tiến nhỏ nhưng hữu ích cho quá trình phát triển và triển khai. Lệnh astro preview giờ có tùy chọn --ignore-lock cho phép bỏ qua kiểm tra file lock khi khởi động server preview. Ngoài ra, bản cập nhật truyền logger thời gian chạy của Astro vào các dịch vụ hình ảnh tùy chỉnh và các provider cache, giúp developer dễ dàng ghi log và debug. Đối với người dùng Cloudflare, Astro cung cấp hàm finalize() để gọi trong entrypoint worker tùy chỉnh, đơn giản hoá việc dọn dẹp tài nguyên sau khi request xử lý xong. Những thay đổi này cho thấy Astro tập trung vào việc tăng tính linh hoạt và khả năng mở rộng mà không làm thay đổi cấu trúc cốt lõi của framework.

Astro 7.3 mang lại các tính năng hữu ích cho nhà phát triển như cờ ignore-lock, logger runtime cho dịch vụ hình tùy chỉnh và hàm finalize() cho endpoint Cloudflare worker.

Astro 7.2

Astro 7.2 bổ sung các tính năng thử nghiệm như incremental static builds, tùy chọn tắt hỗ trợ session, chế độ nền cho astro preview cùng các entrypoint logger tương đối.

Nếu bạn đang phát triển ứng dụng web với Astro và muốn tối ưu hóa hiệu suất, giảm thời gian build và kiểm soát tốt hơn về tính bảo mật, câu hỏi về session support và cách chấm dứt preview trong chế độ nền trong phiên bản mới này sẽ giúp bạn áp dụng các cải tiến hiệu quả ngay từ lần triển khai tiếp theo.

Astro 7.1

Bản cập nhật Astro 7.1 mang đến nhiều cải tiến như hỗ trợ CSP, phân trang, server phát triển và collections nội dung.

Lập trình viên phát triển web nên đọc bài này để khám phá cách Astro 7.1 nâng cao kiểm soát CSP (Content Security Policy) và cải thiện hiệu suất với pagination và bộ nhớ cache nội dung, giúp tối ưu hóa ứng dụng web của mình một cách hiệu quả hơn.

What's new in Astro - June 2026

Tháng 6/2026, Astro ra mắt phiên bản 7 với Vite 8, trình biên dịch Rust mới và Advanced Routing, cùng Starlight 0.41 tương thích Astro 7. Bài viết cũng giới thiệu nhiều tích hợp cộng đồng, công cụ, chủ đề mới, hướng dẫn di chuyển, nghiên cứu trường hợp, sự kiện sắp tới ở Đức và bộ sưu tập lớn các trang web xây dựng bằng Astro.

Lập trình viên nên đọc để cập nhật những tiến bộ mới nhất trong Astro 7, từ cải tiến hiệu năng đến các công cụ mới như Vite 8 và Rust compiler, giúp tối ưu hóa dự án web của mình hiệu quả hơn.

Different hydration and rendering strategies

Bài viết cung cấp hướng dẫn toàn diện về các chiến lược rendering và hydration trên web, từ static generation, CSR, SSR, streaming SSR, islands architecture, React Server Components (RSC), đến fine-grained reactivity (SolidJS, Svelte 5) và Qwik's resumability. Nó so sánh ưu nhược điểm của từng phương pháp bằng ví dụ code, đồng thời giới thiệu các tính năng mới trong Next.js 16.3 như Cache Components và Partial Prefetching nhằm tối ưu trải nghiệm điều hướng. Cuối cùng, bài viết đưa ra khuyến nghị lựa chọn: static + islands cho website nội dung, RSC cho ứng dụng, và các chiến lược chuyên biệt chỉ khi cần giải quyết vấn đề cụ thể.

Lập trình viên nên đọc bài này để tìm hiểu cách tối ưu hóa hiệu suất và trải nghiệm người dùng trong ứng dụng web bằng cách so sánh các chiến lược khác nhau, từ cơ bản đến tiên tiến, giúp chọn lựa phương pháp phù hợp với yêu cầu thực tế của dự án.

Building a static newsletter archive

Tác giả đã quyết định tự lưu trữ newsletter archive trên website của mình. Giải pháp sử dụng static site generator như Hugo để tạo các trang tĩnh từ file Markdown, đảm bảo tốc độ tải nhanh và bảo mật tốt. Cơ chế hoạt động bằng cách convert file Markdown thành HTML thông qua template, giảm thiểu database và server resource. Bài viết cung cấp hướng dẫn cụ thể về cấu trúc thư mục và config file cho Hugo, giúp các developer dễ dàng triển khai tương tự.

Tìm hiểu cách tự lưu trữ bản tin tĩnh trên website của bạn để kiểm soát hoàn toàn nội dung và tăng cường bảo mật.

Open your Mac's dev server on your phone over Tailscale

Test a local site on a real phone through the tailnet with HTTPS, no ngrok and no public URL. Builds on the Tailscale tutorial for your Mac and a server.

Bye Deno, Hello Cloudflare · November 5, 2026

and wassup Astro

GitHub Actions Cron: Skip Builds When No Posts Are Due

Read YAML front matter dates in a GitHub Actions cron and call your Netlify build hook only when a post is due. Works with Hugo, Jekyll, Astro, and 11ty.

Issue #809: What Claude spends building with 12 JavaScript stacks — JavaScript Weekly

JavaScript Weekly Issue #809: What Claude spends building with 12 JavaScript stacks

Astro 7.4

Astro 7.4 adds a --timings flag that shows where your build spends its time, separate build and runtime image services, a notFound() handler for custom entrypoints, and experimental parallel prerendering and custom redirect pages.

Using Kendo UI with Svelte

Even though there isn’t a native Svelte Kendo UI library, you can still use the Kendo UI for jQuery library of components with Svelte.

Astro Tutorial: Make a Static Site with Interactive Components

Bài viết hướng dẫn xây dựng blog tương tác với file-based routing và content collections. Sử dụng islands architecture giúp giảm JavaScript chỉ còn 4.5KB khi chỉ có 3 trong số 12 component cần interactivity. Kết quả tạo ra static site có hiệu năng cao với lượng JavaScript tối thiểu. Đây là giải pháp lý tưởng cho dự án cần cân bằng giữa tốc độ load và trải nghiệm người dùng.

Bài hướng dẫn này giúp bạn tạo trang tĩnh với thành phần tương tác hiệu quả bằng kiến trúc islands.

What's new in Astro - September 2026

Astro tháng 9/2026 giới thiệu các cải tiến mới với tính năng German localization hỗ trợ nhiều ngôn ngữ hơn. Evil Martians chia sẻ kinh nghiệm di chuyển stack từ Next.js sang Astro, giảm 40% thời gian tải trang và cải thiện 30% điểm Core Web Vitals. Bản cập nhật này bổ sung API routes mới cho việc xử lý server-side và enhanced integration với adapter framework. Lập trình viên nên xem xét bài gốc để hiểu sâu hơn về chiến lược migration và tận dụng các performance gains của Astro trong các dự án hiện tại.

Bài này cung cấp cập nhật mới nhất về Astro và câu chuyện di chuyển thành công của Evil Martians.

EmDash 1.0: the stable CMS with a secure plugin registry

EmDash 1.0 la CMS mo nguon duoc xay dung cho Astro cung workflow thuan tien cho agent. He thong nay su dung sandboxed plugins dam bao bao ve, cung mot decentralized registry giu publisher toan quyen dieu khien. Truoc khi xem chi tiet, ban can biet EmDash 1.0 dam bao tinh on dinh voi kiem soat phien ban cua plugin. He thong registry tan tam giup tranh nguy ro bao mat pho bien trong cac CMS khac.

EmDash 1.0 mang lại hệ thống plugin an toàn và registry phi tập trung giúp lập trình viên kiểm soát tốt hơn dự án của mình.

Spellbook of Skill: The Twin Project Nobody Asked For, But I Built Anyway

Spellbook of Skill được xây dựng như một dự án song song với Spellbook of Prompt, tập trung vào việc giải thích chi tiết kỹ thuật thay vì chỉ cung cấp câu lệnh. Nền tảng này phân loại hướng dẫn theo chủ đề và độ khó, giúp lập trình viên tiết kiệm thời gian học tập thay vì phải đắm chìm trong lý thuyết suông. Mỗi bài viết được thiết kế thực tế với các ví dụ code cụ thể như React, Python hay machine learning cho người đọc trực tiếp áp dụng. Điều đáng học nhất là cách tổ chức kiến thức có hệ thống giúp người đọc nắm vững bản chất vấn đề chứ không chỉ học thuộc công thức. Dự án này chứng minh giá trị của việc xây dựng tài liệu kỹ thuật mà thực sự giải quyết được nhu cầu thực tế của cộng đồng.

Bài này cung cấp hướng dẫn thực tế có cấu trúc giúp lập trình viên nắm vững kỹ năng đằng sau các công cụ AI hiện nay.