Astro 前端 技术分享

为什么我选择 Astro 作为独立开发者的建站框架

系列: 独立开发技术栈 #1

背景

作为独立开发者,选择一个合适的建站框架至关重要。在过去的项目中,我曾使用 Next.js 构建过几个网站,虽然功能强大,但对于内容型网站来说,SSR 的复杂性和服务器成本让人望而却步。

SSG vs SSR

对于个人博客和产品展示站这类内容为主的网站,静态站点生成(SSG) 是更合理的选择。页面在构建时就已生成,不需要服务器运行时,部署到 CDN 后访问速度极快,成本几乎为零。

Astro Islands 架构

Astro 最让我心动的是它的 Islands 架构。页面默认是纯 HTML,只有需要交互的组件才会加载 JavaScript。这意味着页面加载速度极快,同时又不牺牲交互体验。你甚至可以在同一个项目中混用 React、Vue、Svelte 等不同框架的组件。

Content Collections

Astro 内置的 Content Collections 功能让管理 Markdown 内容变得非常优雅。通过 Zod schema 定义 frontmatter 类型,获得完整的 TypeScript 类型检查。这比手动解析 Markdown 文件可靠得多。

部署到 Cloudflare

Astro 对 Cloudflare Pages 的支持非常好。一行命令 npx wrangler pages deploy dist/ 即可完成部署,配合 GitHub Actions 可以实现推送即部署。全球 CDN 加速,HTTPS 自动配置,对独立开发者来说简直是零成本运维方案。

总结来说,Astro 的「内容优先」理念与独立开发者的需求完美契合——快速、轻量、易维护,让我可以把更多精力放在内容创作和产品开发上。

系列: 独立开发技术栈