跳转到内容

Astro 集成

Astro 社区的成员已经成功地将多个第三方工具和服务集成到他们的 Astro 网站中!

以下是来自社区的一些生产站点、存储库、博客文章和视频,展示了如何将 Astro 与各种流行的 CMS、电子商务、身份验证/授权、搜索和评论技术连接起来。

Replicant Band - Astro / GraphCMS / Snipcart / Tailwind

Design Buddy - Astro / Tailwind / React / Cloudinary

Spread Bagelry - Astro / Vue / Tailwind / Strapi CMS / Cloudinary

My Workshops Live - Astro / Svelte / Firebase / Vonage / Web Speech API / reveal.js

meizuflux - Astro / Hygraph

Sarah Rainsberger - Astro / GitHub Giscus(评论)

Astro Docs - 我们自己文档正在 Astro 中使用 Algolia 搜索!

Elian Codes - Astro / Vercel / UnoCSS

Hookdeck Website and Docs - Astro / Vercel / Markdoc

NavillusBlog - 文章:Astro + Snipcart 仓库和演示站点

Cassidy Williams - 文章:使用 Astro 和 Storefront API 构建 Shopify 商店

Learn With Jason - 视频:在 Astro 中用 Shopify Storefront API 构建自定义购物车

Front End Horse - 视频:用 Astro & Prismic 构建

Chris Bongers - 视频:给 Astro 网站加个 Typesense 搜索

The Net Ninja - 视频:Figma 和 Astro 静态站点生成

你可以通过将 --template 参数传递给 create astro 命令来基于现有的 github 存储库启动一个新的 astro 项目。

Terminal window
npm create astro@latest -- --template <github-username>/<github-repo>

delucis/astro-netlify-cms - 使用 Netlify CMS 的 Astro 入门模板

PhilDL/astro-starter-ghost - 使用 Ghost CMS 和 Astro 的静态博客入门模板

p13rnd/centauri - Astro 模板:Tailwind, Svelte 和 Supabase 登录认证

datocms/datocms-astro-blog-demo - DatoCMS 博客启动器