Astroで構築

AstroコミュニティのメンバーはAstroで作るwebサイトにいくつかのサードパーティツールやサービスをうまく使用しています。

ここでは、様々な人気のCMSやeコマース、認証/認可、検索機能、コメント機能などを提供するサービスとAstroとの接続方法を示す、コミュニティが制作したサイト、リポジトリ、ブログ記事、動画をご紹介します。

プロダクションサイト

Replicant Band - Astro / Hygraph / 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 - 動画: Shopify Storefront APIを使ったAstroのカスタムカートの構築

Front End Horse - 動画: Astro & Prismicを使った構築

Chris Bongers - 動画: Astro製のサイトにTypesense Searchを追加する。

The Net Ninja - 動画: FigmaとAstroの静的サイト構築

create astroコマンドに--template引数を渡すことで、既存のGitHubリポジトリから新しいAstroプロジェクトを開始できます。

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

pnpm create astro@latest --template <github-username>/<github-repo>

yarn create astro --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のブログスターター