Astro 十一月更新:新特性与生态亮点(2025)

本月 Astro 生态依旧热闹非凡:从核心产品更新、社区活动到第三方工具与主题模板,生态的每个角落都在不断进化。下面按板块为你梳理 2025 年 11 月 Astro 的重要动态。

原文:"What's new in Astro - November 2025" 作者:Sarah Rainsberger 日期:2025 年 11 月 30 日 翻译:安东尼


🚀 Mission Control 更新

  • 🎇 Stainless 推出 Astro 驱动的文档平台:Stainless 发布了全新的文档平台,底层由 Astro 提供驱动,展示了 Astro 在文档类站点上的性能与可维护性优势。
  • 🚀 Webflow App Gen 工具上线(由 Astro 提供支持) :Webflow 推出了全新的 App Gen 工具,用于生成应用页面与体验,其底层同样由 Astro 驱动。
  • 参与 React 生态调研:如果你在项目中同时使用 Astro + React,可以在 State of React 2025 问卷中分享你的实践体验。

🧩 最新版本发布

本月的小版本更新带来了不少新特性和 DX(开发体验)改进:

  • Astro 5.16
  • 实验性的 SVG 优化 能力
  • 交互式 CLI 体验增强
  • 一系列开发体验改进与修复
  • Starlight 0.37
  • 支持在非文档集合中开启 Starlight Markdown 处理
  • 改善表格等内容中的空白符处理
  • 多处样式与易用性优化

🏢 Astro 采用者

从 Cloudflare、Microsoft、DigitalOcean,到 Adobe、Todoist、Tele2/Comviq,越来越多知名团队选择 Astro 构建他们的站点和文档:

更多采用 Astro 的公司与项目,可以在 Astro 官方站点的 showcase 中查看;你也可以通过合作代理伙伴探索 Astro 在企业级场景中的落地方案。


🌐 Weird Wide Web:有点怪、但很酷的 Astro 站点

这些网站用 Astro 做了既有趣又实用的体验,展示了 Astro 在创意场景中的潜力:

  • AgeMDB:帮你查某位演员在某部电影中的年龄,还能找出和你现在同龄的角色电影。
  • 站点:agemdb.com/
  • PictoRally:一款 2 人或多人在线你画我猜游戏,可以通过消息服务轮流画图与猜测,也可以在同一场景下实时游玩。
  • 站点:picto-rally.com/
  • TypeFaster:用 Astro + Vue 构建的在线打字速度测试工具,帮助你跟踪并提升打字速度。
  • 站点:typefaster.net/

🎨 Cosmic Canvas:视觉与动效的极致 Astro 站点

没想到 Astro 还能做到这样?这些网站用惊艳的视觉与顺滑的动画证明了 Astro 完全可以胜任高表现力的前端体验:


👥 社区动态

Astro 团队新闻

  • ViteConf 2025 演讲现已上线 YouTube : 你可以在 Astro 官方 YouTube 频道看到 ViteConf 2025 的相关演讲,包括 Matt Kane 的 The Future of Astro 以及 Sarah Rainsberger 的 Making Meaningful Contributions to Open Source 等。
  • 大会演讲: 核心维护者 Reuben Tier 将在 12 月 1 日的 React Advanced London 上,分享关于 Astro 岛屿架构(islands architecture)的主题演讲,并提供线上参会方式。
  • 线下 Meetup:Astro Japan Community 新成立的 Astro 日本社区将于 2026 年 2 月 4 日举行首次线下 Meetup。活动由 Astro 维护者兼社区组织者 Kenji Tomita 发起,届时包括长期参与 Astro 文档翻译的 Kyosuke Nakamura 在内的多位社区成员会分享实践经验。
  • 直播编程: 核心维护者 Florian Lefebvre 将在 Discord 上进行实时结对重构直播,嘉宾是社区熟悉的 J. B. Rainsberger(对部分人来说是"家庭成员级别"的朋友)。

这些活动的具体信息都可以在 Astro 官方 Luma 日历中找到。如果你也在组织 Astro 相关活动,可以联系官方将活动添加到日历中。

用你熟悉的语言学习 Astro

  • 本月,一支社区志愿者团队将 Astro 官方文档教程完整翻译成德语:10 位贡献者,33 个文件修改,51 天,96 次提交,向所有参与者说一句"Vielen Dank!"。如果你也想为 Astro 文档做本地化贡献,可以查阅官方的 i18n 贡献文档。
  • 如果你更习惯西班牙语,不要错过 Midu.dev 推出的 免费 Astro 课程:从零开始搭建带有 Headless CMS 集成的个人博客。
  • 同时,Chris Pennington / Coding In Public 的 Learn Astro 课程 也正值假日季优惠(7 折),通过文中或 Astro 文档中的推广链接购买,部分金额将捐赠给 Astro 开源项目。

📚 内容与工具:围绕 Astro 的学习与创作

内容创作与管理

本月值得关注的几个内容相关项目:

  • Astro Editor(macOS 内容管理工具) 专为 Astro 内容集合打造的 macOS 管理工具,提供:
  • 内容校验
  • 跨集合引用
  • 带预览的图片字段
  • 多框架 MDX 组件支持 整体界面风格受 iA Writer 启发,主打优雅易用。
  • 移动端内容管理实践 Jonathan Yeong 分享了他为 Astro 寻找移动端友好的 Headless CMS 的过程与体验。
  • OpenCourse 一个轻量、开源的平台,帮助内容创作者构建、托管并售卖单门课程。作为类似 Teachable 的自托管替代方案,它完全基于 Astro 构建。

迁移故事:从别的框架来到 Astro

本月的几篇迁移实录包括:

  • 从 Next.js 迁移到 Astro: 构建时间从 30 分钟缩短到 3 分钟,详细记录了从 Next.js 迁移到 Astro 的完整过程。
  • Astro 5:100 分核心 Web Vitals + 90% 更少的 JS 探讨如何通过 Astro 5 实现极致性能与最小 JS 体积。
  • 从 Zola 迁移到 Astro 分享静态站点从 Zola 迁移到 Astro 的经验与收益。
  • Astro 带来的 SEO 提升(+30%) 实战案例:迁移到 Astro 之后,站点 SEO 得分提升约 30%。

教程与技术文章

围绕 Astro 的实践教程也在不断增加,包括但不限于:

  • 使用 Astro 的 Client Router 修复 FOUC(未样式内容闪烁)问题
  • 在 Astro 中结合 Partytown + Google Tag Manager 的分步指南
  • 使用 Astro Content Collections 加载 Ghost CMS 文章
  • 在同一域名下托管多个 Astro 项目
  • 使用 Astro + Contentful 搭建页面构建器(Page Builder)
  • 使用 Astro/JS 构建随机 Banner 图标
  • Google Analytics 与 Partytown 协同工作,对第三方库进行懒加载
  • 如何创建 Astro API Endpoint
  • 为 Astro 博客构建独立内容仓库的 Content Loader(无废话实践)
  • 在 CI 中缓存 Astro 构建产物
  • 构建高性能的 YouTube Embed 组件
  • 在 GitHub Pages + Astro 中避免"尾斜杠税"(trailing slash tax)
  • 自定义 Starlight 目录中 "Overview" 的标题
  • 向 Starlight 目录中添加额外内容
  • 在 Astro SSG 中复用数据库查询

更多此类教程可以在 Astro Tips 中找到历史归档。

其他值得一看的内容

  • 如何用 VS Code 代码片段(Snippets)提升 Astro 开发效率
  • 在 Astro 中编写条件 JSX 的方式与实践

🎬 Watch Party:一起看 Astro 视频

想通过视频了解 Astro 最新进展,可以关注 Astro 官方 YouTube 频道。

主要内容板块包括:

  • Astro on demand:适合"追番式"观看的长短视频合集
  • Astro ❤️ Your Fave Tech:展示如何将 Astro 与各种 CMS、数据库或 AI 工具集成
  • Learn Astro:适合新手的 Astro 入门与进阶视频
  • Meetups 回放:全球各地 Astro Meetup 与大会上的演讲记录
  • Live coding streams:实时编码直播,观摩他人如何用 Astro 构建、试验与学习

🛠 Tips & Tools:社区最新工具与集成

以下是本月出现的一些 Astro 相关工具与集成,帮助你更高效地构建项目:

  • Astro Web Vitals:轻量级 Web Vitals 监控组件,支持调试浮层与分析集成
  • Astro Capo :在 Astro 中通过 capo.js 自动整理 <head> 内容
  • Astro i18nya:面向 Astro 的多语言(i18n)支持方案
  • Astro AI Coauthor:面向开发者的 AI 文档助手,帮助撰写与维护文档
  • Astro Cloudflare Pages Static:在 Cloudflare Pages 上支持客户端动态路由的集成
  • Astro Directify:用于服务器端声明式控制流的指令集成
  • Astro WhatsApp:为站点添加固定悬浮 WhatsApp 图标的组件
  • Mona Kiosk:基于 Polar.sh 的内容变现集成
  • Zephyr Astro:面向 Zephyr Cloud 部署与分析平台的 Astro 集成
  • Astro Orbit:包含设计系统、可复用组件与 Tailwind CSS v4 集成的主题包
  • Astro Snapshot:在构建时自动为页面生成截图
  • Silk Astro:为 Silk(零运行时 CSS-in-TypeScript)提供的 Astro 集成,支持 islands 架构与局部水合
  • Scalar API Reference for Astro:用于生成 API 文档的 Scalar 组件集成
  • EdgeOne Astro:将 Astro 项目部署到 EdgeOne Pages 的适配器
  • Astro Auth:基于 Auth.js 的 Astro 认证集成,提供多种登录方式、会话管理与自然融入 Astro 的 UI 组件
  • Astro Dynamic Assets:基于 React 帮助你生成自定义图片(如 Open Graph 图、社交媒体配图等)
  • Astro Trakt.tv Loader:面向 Astro 内容层的 Trakt.tv 内容加载器
  • Astro HTML Minifier Next:在构建时自动压缩 HTML 资源的集成
  • AstroJS Atom:在 Astro 项目中生成 Atom RSS Feed 的库
  • Vitest Browser Astro:在真实浏览器环境中使用 Vitest 测试 Astro 组件

此外,还有一些由 Astro 构建的项目值得一看:

  • Git Views:为 GitHub 个人主页与仓库添加浏览量统计
  • Release Image Generator:生成带自定义图案、颜色与文字的随机图片
  • Starlight Detector:检测网站是否使用 Starlight 构建(类似 isAstro,但功能稍弱)

🎨 Themes & Templates:新主题与模板

本月有多款新主题加入 Astro 主题目录,涵盖个人作品集、简历、SaaS 官网、电商、博客等多种场景,例如:

  • Carrington(Lexington Themes)
  • Twnty - Resume / CV / Blog 主题(Platoltheme)
  • Astroplate、Storeplate(Zeon Studio)
  • Web3 DeFi Partner Agency 企业级模版(KERNEL MVP)
  • 多款个人作品集与博客主题(如 Bloomfolio、Astro 686F6C61 Portfolio、Ricoui Portfolio 等)
  • 行业定制主题:健身房、物流制造、餐饮、SaaS 等多种模版

如果你想快速启动新项目,不妨从这些主题中选择一个作为起点,再按需定制。


🌟 Showcase:更多 Astro 站点展示

想寻找灵感?可以看看本月提交到 Astro showcase 的社区网站,其中包括:

  • 各类企业官网与产品站点(如 BCKPCKR、Enerlinq、Chromawire 等)
  • 个人主页与作品集(如 murat.dev、aryadifa.com 等)
  • 教育与学习平台、费用追踪工具、活动策划网站等
  • Astro 构建的工具站点,如 All SVG Icons、Thrift Stores Canada、Free Online Flashlight 等

还有更多站点可以在 Astro 官方 showcase 中浏览,你也可以提交自己用 Astro 搭建的网站。


✨ Starlight in the wild:Starlight 文档站

本月社区又发现了多家使用 Starlight 构建的文档站点,例如:

这进一步证明了 Astro + Starlight 在文档场景中的成熟度与普适性。


✅ 小结

2025 年 11 月,Astro 在 框架能力、生态工具、企业采用、社区内容与多语言支持 等多个维度都在加速前进:

  • 核心版本持续带来性能与 DX 的改进
  • 越来越多大厂与团队在生产环境采用 Astro
  • 内容管理、课程平台、监控与集成工具不断丰富
  • 社区活动、课程与多语言文档让更多开发者更容易上手 Astro

如果你还在观望,不妨趁着这些新工具与主题模板上线的时机,用 Astro 尝试搭一个小项目 ------ 也许就是你下一个正式迁移的起点。

相关推荐
孟祥_成都1 小时前
前端角度学 AI - 15 分钟入门 Python
前端·人工智能
拉不动的猪1 小时前
判断dom元素是否在可视区域的常规方式
前端·javascript·面试
Hilaku1 小时前
如何用隐形字符给公司内部文档加盲水印?(抓内鬼神器🤣)
前端·javascript·面试
guxuehua1 小时前
Monorepo Beta 版本发布问题排查与解决方案
前端
猫头虎-前端技术1 小时前
小白也能做AI产品?我用 MateChat 给学生做了一个会“拍照解题 + 分步教学”的AI智能老师
前端·javascript·vue.js·前端框架·ecmascript·devui·matechat
b***66611 小时前
前端的dist包放到后端springboot项目下一起打包
前端·spring boot·后端
栀秋6661 小时前
ES6+新增语法特性:重塑JavaScript的开发范式
前端·javascript
爱分享的鱼鱼1 小时前
Vue动态路由详解:从基础到实践
前端
未来之窗软件服务1 小时前
幽冥大陆(三十七)文件系统路径格式化——东方仙盟筑基期
前端·javascript·文件系统·仙盟创梦ide·东方仙盟