Astro + Cloudflare Starter テンプレート
AstroをCloudflare Workersにデプロイする最小構成テンプレート。SEO重視のコンテンツサイトの土台に。
spec — 基本情報
| github_stars | 62.0k |
|---|---|
| pricing | open_source |
| license | MIT |
| os | mac / windows / linux |
| japanese | 一部対応 |
| difficulty | 初級 |
| recommended | SEO重視の個人サイト・メディア・データベースサイト構築 |
概要
AstroをCloudflare Workersにデプロイする最小構成テンプレート。SEO重視のコンテンツサイトの土台に。
SEOを重視するコンテンツサイトの「最速の始め方」を提供する構成です。Astroの高速な静的生成・部分SSRとCloudflareのエッジ配信の組み合わせは、Core Web Vitalsで満点近くを狙える鉄板構成であり、当サイト(AI Developer DB)自身もこの構成で動いています。GitHub Actionsによる自動デプロイまで含めて半日で立ち上がります。
料金
オープンソースとして無料で利用できます。
※詳細は公式サイトでご確認ください。
導入方法
npm create astro@latest -- --template minimal
npx astro add cloudflareこんな人におすすめ
- SEO重視の個人サイト・メディア・データベースサイト構築
- ブログ・メディア・データベースサイトを最速で公開したい人
- SEOとパフォーマンスを最優先するサイト運営者
よくある質問
Q. Astroが向かないケースは?
A. リアルタイム性の高いWebアプリ(チャット・ダッシュボード等)はNext.js等の方が適します。コンテンツ中心ならAstroが最有力です。
Q. 費用はかかりますか?
A. Cloudflareの無料枠内で運用でき、かかるのはドメイン代(年1,500円前後)だけです。
導入手順
npm create astro@latest -- --template minimal
npx astro add cloudflareAstro + Cloudflare Starterで作れるもの
Astro + Cloudflare Starterを使った作り方ガイドがあります。作りたいものから選んで、AIと一緒に作ってみましょう。
代替ツール
glossary — わからない用語があったら
tags
related — 同カテゴリの人気エンティティ
コピー&ペーストで使う新発想のUIコンポーネント集。AI時代のフロントエンドの事実上の標準になった。
型安全にこだわったNext.jsフルスタックテンプレート。Next.js + tRPC + Prisma + Tailwindの定番構成を一発で構築する。
Vercel公式のAIチャットボットテンプレート。Next.js + AI SDKによるフル機能のChatGPT風アプリをすぐ構築できる。
Vercel公式のSaaSスターター。認証・Stripe決済・ダッシュボードを備えたSaaSの土台をすぐに立ち上げられる。
完全無料・OSSのSaaSボイラープレート。認証・決済・管理画面・AIサンプルまで含む「全部入り」テンプレート。