本月 Astro 生态系统中有一些激动人心的消息。让我们一探究竟!
来自 Mission Control 的更新
- 🥳 Astro 在 NPM 上下载量突破 10,000,000!
- 📈 Astro 在最新的 Thoughtworks 2024 Technology Radar 报告中排名上升
- 🚀 FreeCodeCamp 正在 寻找 Astro 贡献者,以彻底改变他们的贡献者体验
- 🎙️ 新的定期 Discord 活动:平台技术交流
- 🇨🇦 蒙特利尔见!请保存日期并 注册参加“Astro Together”:2024 年 5 月 28 日
发布
文档
我们的每周 Discord 通话“讨论与文档化”让您有机会观看文档团队公开工作,加入共享的 Codespace 或 Gitpod Workspace,并一起实时为文档做贡献。本月主题包括
- 审查了几个新的 Starlight 组件。很快您将能够添加徽章、行动号召链接按钮、花式样式化的
<details>
元素等等! - 学习了网站导航设计原则,并测试了 Astro Docs 侧边栏的新设计!
- 深入研究了我们的文档网站流量统计数据,以更好地了解网站的使用情况。
社区
没有社区,就没有 Astro 的今天。从 Discord 支持、文档改进、翻译到代码贡献,Astro 欢迎这一切。
Astro 团队新闻
欢迎我们最新的 Astro 维护者 Ming-Jun Lu 和最新的核心维护者 Emanuele Stoppa!感谢你们对 Astro 的贡献,我们非常幸运有你们的加入!🫡
二月社区奖
这些是上个月为改善我们所有人的生活付出了巨大努力的一些人
- 🌟 奖励 @alexanderniebuhr 500 美元,感谢他在 Cloudflare 适配器方面的卓越领导以及杰出的社区领导力。
- 🍾 奖励 @adamm2047 250 美元,感谢他对 Astro 集成生态系统的重大贡献。
- 🎈 奖励 @hfornier 250 美元,感谢他在 Discord 中提供的出色社区支持。
- 🎊 奖励 @casungo 250 美元,感谢他热情地将 Astro 文档翻译成意大利语。
- 🎉 奖励 @jlengstorf 250 美元,感谢他通过内容和视频直播教育和娱乐社区。
👕 ✨ 本月向 @Jumper、@Dreyfus 和 @cdvillard 发放了周边商店商品!
访问我们的社区网站,了解更多关于 Astro 社区奖项的信息。
展示
内容
本周我们关注的内容
😎 我们也认为 Astro 相当酷,@aliciasykes!
🏋️ @snikidev 使用 Astro.js 作为 Next.js 的替代方案,突破了极限
📊 Astro DB:将我的分析数据从 Vercel Postgres 迁移 作者:@tledoux
🔢 使用 Astro DB 和 Vercel 构建点赞计数器 作者:@k1350
⏱️ 教程:使用 Astro 和服务器发送事件 (SSE) 构建实时应用内通知 作者:@rishirajjain
因为您永远不会厌倦观看和阅读 Astro 内容,所以这里有更多社区内容!
- 📄 扩展 Astro 语法高亮 作者:@iksaku
- 📺 让我们用 Astro 构建一个博客!(文档教程直播) 作者:@schalkneethling
- 📄 视图转换 API 作者:@cassidoo
- 📄 Astro + PhotoSwipe 作者:@Petrovicz
- 📄 使用 RSS 获取最新 YouTube 视频 作者:@TechSquidTV
- 📄 如何使用 Astro-Font
- 📄 使用 Astro、React 和 ConvertKit 构建自定义新闻通讯表单的分步指南 作者:@robcipolla
- 📄 Django 到 Astro:将 Django 作品集迁移到 Astro.js 作者:@jsolly
- 📄 如何使用 Tailwind CSS 和 AlpineJS 创建选项卡组件 作者:@mike_andreuzza
- 📄 如何使用 Tailwind CSS 和 AlpineJS 创建主题切换 作者:@mike_andreuzza
- 📄 如何将 Astro 部署到 AWS Elastic Beanstalk 作者:@rishirajjain
- 📄 使用 Stripe 和 Xata 构建经过身份验证的付费墙页面 作者:@rishirajjain
- 📄 使用 Astro、Neon Postgres 和 AWS Amplify 构建动态电子商务商店 UI 作者:@rishirajjain
- 📄 使用 Lucia 和 Neon 进行用户认证 作者:@rishirajjain
- 📄 使用 Clerk 和 React 进行用户认证 作者:@rishirajjain
- 📄 在 Vue 中使用 Firebase Realtime Database 作者:@rishirajjain
- 📄 GSAP x Astro 作者:@rishirajjain
- 📄 GSAP + ViewTransitions x Astro 作者:@rishirajjain
- 📄 使用 Upstash 的电子商务向量搜索 作者:@rishirajjain
- 📄 如何使用 Tailwind CSS 和 Alpinejs 创建标签输入 作者:@mike_andreuzza
- 📄 如何使用 Tailwind CSS 和 Alpinejs 创建登录表单 作者:@mike_andreuzza
- 📄 如何使用 Tailwind CSS 和 Alpinejs 创建进度条 作者:@mike_andreuzza
- 📄 如何使用 Tailwind CSS 和 Alpinejs 创建评分系统 作者:@mike_andreuzza
- 📄 如何使用 Tailwind CSS 和 Alpinejs 创建手风琴 作者:@mike_andreuzza
- 📺 Astro JS 适合所有人 | 完整培训
- 📄 使用 Astro、Docker 和 NGINX 部署静态站点
- 📄 使用 TailwindCSS 和 Alpine 的图片画廊 作者:@mike_andreuzza
- 📄 使用 Tailwind CSS 和 Alpine 的待办事项 作者:@mike_andreuzza
- 📄 使用 Tailwind CSS 和 Alpine 的价格滑块 作者:@mike_andreuzza
- 📄 使用 Tailwind CSS 和 Alpine 的倒计时 作者:@mike_andreuzza
- 📄 Astro 中的 Shiki 转换器 作者:@rishirajjain
- 📄 在 Astro 中使用 Entra ID 作者:@cloudconrad
- 📄 Azure 静态 Web 作者:@cloudconrad
- 📄 Astro Azure Functions 作者:@cloudconrad
- 📄 HTMX & Astro 作者:@c-daniele
- 📄 Tailwind v4 技巧 作者:@oliverspeir
- 📄 暗黑模式技巧 作者:@astrolicious
- 📺 您应该将您的 Web 应用部署到边缘 作者:@bholmesdev
- 📄 使用 Tailwind CSS 和 Alpinejs 的底部抽屉 作者:@mike_andreuzza
- 📄 使用 Tailwind CSS 和 Alpinejs 的多步表单 作者:@mike_andreuzza
- 📄 使用 Astro DB 制作链接缩短器 作者:@aczw
- 📄 使用 Astro、Svelte 的博客访问计数器 作者:@rbole
- 📄 如何在 Astro 中进行高级缓存和 ISR 作者:@ascorbic。
- 📄 Astro 中的 PhotoSwipe 作者:@rishirajjain
- 📄 Astro - 最后的边界(演示幻灯片) 作者:@achamorro-dev
- 📺 我如何使用 Astro & MDX 构建我的博客 作者:@CodeBrew
- 📺 Svelte 峰会 Astro 亮相 作者:@sveltesociety
技巧与工具
最新的社区构建实用程序和集成,助您使用 Astro 进行开发。
👜 Astro 视图转换的技巧包 作者:@martin
- 🌟 现在支持实验性的 Starlight 视图转换组件!
🛞 astro-turnstile
作者:@chaosbite
- (🕵️ 早期预览)一种向您的 Astro 网站添加 Turnstile 的简单方法。
🗄️ AstroStudio CMS 作者:@astrolicious
- 🧑🚀 Astro 社区为 Astro Studio 构建的专用 CMS。
主题与模板
本月,Astro 主题目录中新增了几个 Astro 主题。快来试试吧!
-
Resume05 作者:Acquaint Softtech Private Limited
-
Resume06 作者:Acquaint Softtech Private Limited
-
Resume07 作者:Acquaint Softtech Private Limited
-
简约和便当风格作品集 作者:Andres Camilo Plaza Jimenez
-
Biztrox Astro 作者:Themefisher
-
Panda 作者:yuhangch
-
简约作品集模板 作者:Tim Witzdam
-
Cody 作者:Amy Dang
-
Sirius Astro 作者:Themefisher
-
Visionex Astro 作者:Themefisher
-
Astro 独立模板 作者:Petipois
-
@QwikDev/astro + Deno 作者:Sigui
-
Agency02 作者:Elevate Minds
-
Agency01 作者:Elevate Minds
-
Astro 健身模板 作者:Petipois
-
Dexler Astro 作者:Themefisher
-
Bigspring Astro 作者:Themefisher
-
Northendlab Light Astro 作者:Themefisher
-
AstroResume01 作者:Nicolas
-
AstroLetter 作者:Luana Rodrigues
-
BLACKS 作者:mesinkasir
-
Astro Speed 作者:devPirate9
-
didmax-blog 作者:babyblue
-
BlogCord 作者:tanmaydot
-
positivus 作者:Manul Thanura
-
Astro-Storyblok Template 作者:MichalRsa
-
Zod - 管理员和仪表板 UI 套件 作者:Driss Chelouati
-
Newslettr 作者:Julien V
-
Flashlight 作者:Luana Rodrigues
-
Starlight Auth Starter 作者:Reuben Tier
-
Agency03 作者:Elevate Minds
-
Docs02 作者:Elevate Minds
-
The Technonomicon 作者:Levi
-
AstroSphere 作者:Mark Horn
-
Dawnlight 作者:Cosmic Themes
-
Ion 作者:Louis Escher
-
Frosti 作者:SunMaple
-
AstroNano 作者:Mark Horn
-
Astro、TinaCMS 和 Cloudinary 入门 作者:Raj Patil
-
Sven - 个人作品集模板 作者:CodexCode
-
Bloobers 专业模板 astro + react 作者:CodexCode
-
机构 Astro 模板页面 作者:CodexCode
网站
本月网站
在您解决了 Wordle 和 Jumblie 之后,每天再检查一个网站…打开另一个标签页,访问 Let’s Play Alpha——使用 Astro 构建,旨在帮助计算机科学学生了解算法搜索。
Font Awesome 强大的文档现在由 Starlight 构建!
当一位 K-pop 粉丝不小心进入 Astro Discord 时,您会怎么做?为他们构建一个 Astro 网站…用 Astro!
正在寻找灵感?查看本月提交到我们 Discord #showcase
频道并在社区会议上展示的所有社区成员网站。
- @jamesbb
- @ms.boba
- @rogerhn
- @petrovicz
- @Jes015
- @Jes015
- @ccbikai
- @CaptainofPhB
- Product Hunt
- @siddharthsuresh
- @nenadvr
- @hallux
- @rol4nd909
- @mac.dev
- @soslan117
- @sarah11918
- @shankarux
- @samuvello
- @e92jonah
- @ShubhamJain
- @boywithkeyboard
- @cameronpak
- @saiykoh
- @g.cerquone
- @romu70
- @astrid.lol
- @joelmturner
- guochen_
- @shard7
- @tsanjaya
- @donawalt
- @xypnox
- @thebigbadgeese
- @arknoodle
- @rees1993
- @._ryan
- @rishirajjain
- @gigantino
- @aczw
- 100 mistakes of software engineering
- @iwfan
- @coleretriever
- @shadizx
- @hexadecimal1337
- @mike_andreuzza
- @chrsgrrtt
- @adaliszk
- @derastatknutred
- @b00palicious
- @.exefer
Starlight 实例
- @palmiak
- @schalkneethling
- @freeCodeCamp
- @eliancodes
- typicode
- ASO.dev
- Bag of Tricks
- FutureThemes
- XTDB
- Schematic Docs
- @knope-dev
- @Hyperxq
- @djobbo
- Defense Unicorns
- @mehalter
- truecharts
- Drupal Api Client
- ballerine-io
- barrosodavid
- unional
- gren-lang
想在下个月出现在这个列表上吗?在我们的 Discord 的 #showcase
频道中发布您的 Astro 网站、项目、应用程序、工具、博客文章、演示和视频!