What's new in Astro - June 2026Astro 2026 年 6 月最新动态

By
Sarah Rainsberger

Some exciting news from around the Astro ecosystem this month, including:本月 Astro 生态系统中的一些激动人心的消息，包括：

Let’s dive right into it!让我们直接进入正题！

Updates from Mission Control

Latest releases

Major releases introduce breaking changes, stabilize features, and provide improvements. Please check the changelogs carefully and follow any upgrade advice. Check out what’s new!重大版本更新引入了破坏性变更、稳定了功能并提供了改进。请仔细查看更新日志并遵循任何升级建议。来看看有哪些新内容！

  • Astro 7 - Vite 8, a new Rust compiler, Advanced Routing, and more!Astro 7 - Vite 8，全新的 Rust 编译器，高级路由等等！
  • Starlight 0.41 - Astro 7 support including default Sätteri support. (Astro 6 is not supported in this version.)Starlight 0.41 - 支持 Astro 7，包括默认的 Sätteri 支持。（此版本不支持 Astro 6。）

Astro Adopters

From Mattel to Garmin, some of the biggest sites from around the globe are using Astro!从 Mattel 到 Garmin，全球一些大型网站都在使用 Astro！

See more companies using Astro in our site showcase, and explore Astro for corporate or enterprise use with one of our agency partners!在我们的站点展示中查看更多使用 Astro 的公司，并与我们的代理合作伙伴一起探索 Astro 在企业或大型项目中的应用！

Weird Wide Web

Some sites from the last month that show off what you can do with Astro that are quirky, innovative, inspiring, empowering, or just plain fun!上个月的一些网站展示了你可以用 Astro 实现的奇特、创新、鼓舞人心、赋能或纯粹有趣的内容！

Cosmic Canvas

Didn’t think you could do that with Astro? These stunning sites with spectacular visuals and smooth animations prove you can!没想到 Astro 能做到这些？这些拥有壮观视觉效果和流畅动画的惊人网站证明了你可以做到！

Community社区

Astro Team NewsAstro 团队新闻

After a successful event in London, Astro is coming to Germany! Join Astro Maintainers on September 5th in Wiesbaden at our Partner Agency Seibert’s HQ for talks, demos, and exclusive swag!继伦敦活动圆满成功后，Astro 即将来到德国！9 月 5 日，欢迎在威斯巴登我们的合作伙伴代理机构 Seibert 总部加入 Astro 维护者行列，参加讲座、演示并获取独家周边！

Visit the Astro Together FRA x Seibert event page for more details and to grab your spot via the link below, as spaces are limited. We’re looking forward to seeing you there!访问 Astro Together FRA x Seibert 活动页面了解更多详情，并通过下方链接抢占名额，名额有限。我们期待在那里见到你！

https://go.seibert.group/astro-together-fra-seibert-2026https://go.seibert.group/astro-together-fra-seibert-2026

Never miss an Astro event by subscribing to the Astro Luma Calendar.订阅 Astro Luma 日历，绝不错过任何 Astro 活动。

Shout-outs特别鸣谢

Think we don’t notice you? Think again! This month, we’d like to give some 🌮 to:以为我们没注意到你？再想想！本月，我们要向以下人员致以 🌮：

  • @ld-web for contributing helpful translation reviews with such care and dedication… in multiple languages! Thank you for being a valued member of our i18n-crew!@ld-web，感谢你如此细心和专注地贡献了有益的翻译审校……而且是多种语言！感谢你成为我们 i18n 团队中宝贵的一员！

Content内容

Here’s what caught our attention this month:以下是本月引起我们关注的内容：

🏫 Jad Joubran explains why they chose Astro for teaching APIs at the Amsterdam University of Applied Sciences.🏫 Jad Joubran 解释了为什么他们选择 Astro 在阿姆斯特丹应用科学大学教授 API。

🐧 See why TTFP (Time to first penguin) was the most important metric in launching a faster, leaner website under deadline pressure and how CloudCannon’s Astro Component Starter gave a New Zealand conservation organization’s dev team a running start.🐧 看看为什么 TTFP（首次企鹅时间）是新西兰一个环保组织在截止日期压力下启动更快、更精简网站的最重要指标，以及 CloudCannon 的 Astro 组件启动器如何帮助他们的开发团队快速起步。

♾ Phillipp describes deploying millions of static pages with Astro.♾ Phillipp 描述了如何使用 Astro 部署数百万个静态页面。

🛑 Syed Umair Ali wants you to stop defaulting to WordPress.🛑 Syed Umair Ali 希望你停止默认使用 WordPress。

Because you can never get tired of Astro, here’s even more community content!因为你永远不会对 Astro 感到厌倦，这里还有更多社区内容！

Migration Stories迁移故事

Case Studies案例研究

How-to Articles操作指南文章

… and more!……还有更多！

Watch Party

Be sure to follow Astro’s official YouTube channel for content from the team!请务必关注 Astro 的官方 YouTube 频道，获取来自团队的内容！

Astro on demandAstro 点播

Grab your popcorn and make a playlist of your faves! 🍿准备好爆米花，把你最喜欢的视频加入播放列表吧！🍿

  • Play
  • Play 播放
  • Play 播放
  • Play 播放
  • Play 播放
  • Play 播放
  • Play 播放
  • Play 播放
  • Play 播放

Tips & Tools

The latest community-built utilities and integrations to help you build with Astro. 🛠最新的社区构建工具和集成，帮助你使用 Astro 进行构建。🛠

  • @anubis609/astroanimate-core: Astro-native animation component library.@anubis609/astroanimate-core：Astro 原生动画组件库。
  • @arraypress/analytics-astro: Multi-provider analytics for Astro — Plausible, Cloudflare, Umami, Fathom, Simple, GoatCounter, GA4, and custom.@arraypress/analytics-astro：Astro 的多提供商分析工具 — Plausible、Cloudflare、Umami、Fathom、Simple、GoatCounter、GA4 和自定义。
  • @arraypress/reveal-astro: View-transition-safe scroll-reveal for Astro — one IntersectionObserver adds a visible class as elements enter the viewport. Optional default animation CSS.@arraypress/reveal-astro：Astro 的视图转换安全滚动显示 — 一个 IntersectionObserver，当元素进入视口时添加可见类。可选默认动画 CSS。
  • @casoon/astro-structured-data: An Astro integration to automatically generate structured data (JSON-LD) for articles, FAQs, products, recipes, videos, breadcrumbs, local businesses, events, and more.@casoon/astro-structured-data：一个 Astro 集成，用于自动为文章、常见问题解答、产品、食谱、视频、面包屑、本地企业、活动等生成结构化数据 (JSON-LD)。
  • @freshjuice/astro-webmcp: Astro integration that exposes your site content via WebMCP for AI agents.@freshjuice/astro-webmcp：通过 WebMCP 为 AI 代理公开你的网站内容的 Astro 集成。
  • @hevmind/ask: A heading-anchored, agentic search overlay for Astro docs sites.@hevmind/ask：一个为 Astro 文档网站提供的标题锚定、代理式搜索覆盖层。
  • @kckempf/astro-standard-site: Astro integration for standard.site - unified ATProto longform publishing.@kckempf/astro-standard-site：standard.site 的 Astro 集成 - 统一的 ATProto 长文发布。
  • @sjohansson/astro-components: A collection of modern, well-tested Astro components built with TypeScript, designed for Astro 5, 6, and 7 projects.@sjohansson/astro-components：一系列使用 TypeScript 构建的现代、经过良好测试的 Astro 组件，专为 Astro 5、6 和 7 项目设计。
  • @stanniel/astro-pagefind: Add Pagefind to your Astro projects.@stanniel/astro-pagefind：将 Pagefind 添加到你的 Astro 项目中。
  • @tinloof/astro-prefetch: Next.js-style prefetching for Astro’s ClientRouter: in-memory cache, cursor-trajectory (proximity) prediction, and instant navigations.@tinloof/astro-prefetch：为 Astro 的 ClientRouter 提供 Next.js 风格的预取：内存缓存、光标轨迹（邻近度）预测和即时导航。
  • @vskstudio/takt-astro: Astro integration for Takt privacy-friendly analytics.@vskstudio/takt-astro：Takt 隐私友好型分析的 Astro 集成。
  • @xingwangzhe/satteri-mermaid: Satteri MDAST plugin for Mermaid diagram detection and transformation.@xingwangzhe/satteri-mermaid：用于 Mermaid 图表检测和转换的 Satteri MDAST 插件。
  • @xingwangzhe/satteri-photoswipe: Satteri HAST plugin that wraps images with PhotoSwipe lightbox containers.@xingwangzhe/satteri-photoswipe：用 PhotoSwipe 灯箱容器包裹图像的 Satteri HAST 插件。
  • @xsynaptic/astro-build-logger: Astro integration that appends build duration, page count, and output size to a JSONL log file.@xsynaptic/astro-build-logger：将构建持续时间、页面计数和输出大小附加到 JSONL 日志文件的 Astro 集成。
  • astro-bootstrap-icons: Bootstrap Icons for Astro.astro-bootstrap-icons：Astro 的 Bootstrap 图标。
  • astro-convex-better-auth: Astro plugin to have auth server-side.astro-convex-better-auth：用于服务器端身份验证的 Astro 插件。
  • astro-docs: A customizable documentation and book framework for Astro. Bring your own look.astro-docs：一个可定制的 Astro 文档和书籍框架。自带外观。
  • astro-gamified-starter: Replace CAPTCHAs and visual puzzles with interactive, 3-second micro-games. Test the API and play the games in the live sandbox.astro-gamified-starter：用交互式、3 秒微游戏替换验证码和视觉谜题。在实时沙箱中测试 API 并玩游戏。
  • astro-password: Password protection middleware for Astro.astro-password：Astro 的密码保护中间件。
  • astro-scute: Simple and cute Standard.site integration for Astro.astro-scute：简单可爱的 Astro 的 Standard.site 集成。
  • astro-search: A search plugin for Astro that provides static search capabilities.astro-search：一个为 Astro 提供静态搜索功能的搜索插件。
  • astro-sparkline: Tiny inline-SVG sparkline component for Astro. Zero runtime, zero dependencies, server-rendered.astro-sparkline：用于 Astro 的微型内联 SVG 迷你图组件。零运行时，零依赖，服务器渲染。
  • astro-webmcp: Astro integration that exposes your site content via WebMCP for AI agents.astro-webmcp：通过 WebMCP 为 AI 代理公开你的网站内容的 Astro 集成。

SEO/AEOSEO/AEO

  • @arraypress/seo-astro: Idiomatic SEO component for Astro — title, canonical, Open Graph, Twitter, robots, hreflang, article meta + JSON-LD.@arraypress/seo-astro：Astro 的惯用 SEO 组件 — 标题、规范链接、Open Graph、Twitter、robots、hreflang、文章元数据 + JSON-LD。
  • @rgglez/astro-seo: Astro component for SEO meta tags, Open Graph, Twitter cards, hreflang links, robots directives, and JSON-LD.@rgglez/astro-seo：用于 SEO 元标签、Open Graph、Twitter 卡片、hreflang 链接、robots 指令及 JSON-LD 的 Astro 组件。
  • @thenewdynamic/astro-seo: Astro integration for SEO meta tags and structured data.@thenewdynamic/astro-seo：用于 SEO 元标签和结构化数据的 Astro 集成。
  • astro-aeo-image: Astro image service that embeds your <Image> alt text (and optional description/keywords) as standards XMP into the optimized output files so your dist/_astro assets are self-describing for Google Images and AI answer engines.astro-aeo-image：Astro 图像服务，将你的 <Image> alt 文本（以及可选的描述/关键字）作为标准 XMP 嵌入到优化后的输出文件中，以便你的 dist/_astro 资产能够为 Google Images 和 AI 答案引擎进行自我描述。

CMS/text editorsCMS/文本编辑器

  • astro-block-cms: Reusable Astro integration and block renderer for CMS APIs with JSON blocks.astro-block-cms：用于带有 JSON 块的 CMS API 的可重用 Astro 集成和块渲染器。

Markdown, Text, and moreMarkdown、文本及更多

  • astroprint: Astro integration for print-ready, Markdown-first documents with paged preview and PDF export.astroprint：用于打印就绪、Markdown 优先文档的 Astro 集成，支持分页预览和 PDF 导出。

Content loaders内容加载器

  • @probablyduncan/astrena: A content loader that fetches blocks from an are.na channel.@probablyduncan/astrena：一个从 are.na 频道获取块的内容加载器。

Dev toolbar apps开发工具栏应用

  • astro-show-route-template-components: Dev-only Astro integration that injects HTML comments showing which route and template own each page and which .astro component produced each node.astro-show-route-template-components：仅限开发的 Astro 集成，注入 HTML 注释，显示每个页面所属的路由和模板，以及生成每个节点的 .astro 组件。

StarlightStarlight

  • @wave-rf/astro-themed-mermaid: Build-time, theme-aware Mermaid diagrams for Astro / Starlight.@wave-rf/astro-themed-mermaid：为 Astro / Starlight 提供的构建时、主题感知 Mermaid 图表。
  • @wave-rf/starlight-llm-tools: Starlight plugin that adds LLM-friendly tooling to your docs site.@wave-rf/starlight-llm-tools：为你的文档网站添加 LLM 友好工具的 Starlight 插件。

Astro integrations by and for other tools由其他工具提供或为其他工具提供的 Astro 集成

  • @arpsw/astro-cms: Astro integration for the ARP (Laravel) CMS — shared API client, i18n/path resolution, and config wiring for ARP CMS sites.@arpsw/astro-cms：ARP (Laravel) CMS 的 Astro 集成 — 共享 API 客户端、i18n/路径解析以及 ARP CMS 站点的配置连接。
  • @awesome.me/astro-lit: Use Lit components within Astro.@awesome.me/astro-lit：在 Astro 中使用 Lit 组件。
  • @brainwebuk/astro-payload-live-preview: Astro component for Payload CMS server-side Live Preview — refreshes your SSR routes when documents are saved in the admin panel.@brainwebuk/astro-payload-live-preview：Payload CMS 服务器端实时预览的 Astro 组件 — 当文档在管理面板中保存时刷新你的 SSR 路由。
  • @contentbit/astro: Astro renderer for Content Blocks: .astro components for rendering validated documents, with per-block component overrides.@contentbit/astro：Content Blocks 的 Astro 渲染器：用于渲染已验证文档的 .astro 组件，支持按块进行组件覆盖。
  • @dropinblog/astro: DropInBlog rendered content for Astro projects.@dropinblog/astro：用于 Astro 项目的 DropInBlog 渲染内容。
  • @freshjuice/zest-astro: Astro integration for Zest cookie consent toolkit (GDPR/CCPA)@freshjuice/zest-astro：Zest Cookie 同意工具包 (GDPR/CCPA) 的 Astro 集成
  • @workos/authkit-astro: Official WorkOS AuthKit SDK for Astro.@workos/authkit-astro：官方 WorkOS AuthKit SDK for Astro。
  • astro-unhead: Unhead.js middleware for Astro.astro-unhead：Astro 的 Unhead.js 中间件。
  • meno-astro: Meno-Astro: runtime helpers + the round-trippable .astro dialect (emit/parse) that lets Meno use Astro files as a source-of-truth format.meno-astro：Meno-Astro：运行时助手 + 可往返的 .astro 方言（发射/解析），允许 Meno 使用 Astro 文件作为单一事实来源格式。
  • sitedrift: Visual review tool for comparing Astro dev previews against live production Cloudflare deployments. Compare DEV and LIVE with Split, Overlay/Diff, SEO, response deltas, notes, and MCP.sitedrift：用于比较 Astro 开发预览与实时生产 Cloudflare 部署的视觉审查工具。通过拆分、叠加/差异、SEO、响应增量、注释和 MCP 比较开发环境和生产环境。

… and some built with Astro: utility sites from the last month that get the job done!……还有一些使用 Astro 构建的：上个月完成工作的实用网站！

  • Bulk images to text: Drop multiple images at once for OCR in the browser.批量图像转文本：一次拖入多张图像，在浏览器中进行 OCR。

Themes & Templates

Several Astro themes were added or updated to v6 or v7 in the Astro theme catalogue this month. Get a jump start on a fresh new project by starting with a theme!本月 Astro 主题目录中添加或更新了多个主题至 v6 或 v7。通过使用主题来开启一个全新的项目，抢占先机！

Showcase展示

Looking for even more inspiration? See all the community member websites submitted to the Astro showcase this month. Submit your site built with Astro!正在寻找更多灵感？查看本月提交给 Astro 展示的所有社区成员网站。提交你使用 Astro 构建的网站！

Want your site to be included? Submit it to the Astro Showcase Site.想让你的网站被收录吗？将其提交到 Astro 展示站点。

Starlight in the wild

It’s always exciting to stumble across more docs built with Starlight. Here’s what our community noticed this month:偶然发现更多使用 Starlight 构建的文档总是令人兴奋。以下是我们的社区本月注意到的内容：

Spot someone using Starlight for their docs? We want to know about it! Submit it to the Astro Showcase Site.发现有人在文档中使用 Starlight？我们想知道！将其提交到 Astro 展示站点。

That’s a wrap! 👋这就是全部内容！👋

Thanks for spending another month with us!感谢你又与我们共度了一个月！