Cloudflare Deploy
この site は静的 site として build できるため、Cloudflare Pages にそのまま deploy できます。
Build Settings
| Setting | Value |
|---|---|
| Framework preset | Astro |
| Build command | npm run build |
| Build output directory | dist |
| Node.js version | 22 |
Local Build
mise install
npm install
npm run builddist/ が生成されれば Cloudflare Pages で配信できます。
Production Flow
- GitHub に site repository を push
- Cloudflare Pages で repository を接続
- Build settings を設定
- Custom domain を接続
- Search Console / Analytics を設定
Favicon
The site serves the GitHub avatar style image as both favicon and Apple touch icon:
/favicon.png
/apple-touch-icon.pngDynamic Features
最初は静的 site で十分です。後から必要になったら Cloudflare Workers / Pages Functions / KV / D1 / R2 を追加します。