シリーズ: Astroで個人サイトを作る
- No image
Astroで個人サイトを作る #1 環境構築編
Node.js と fnm を整え、Astro プロジェクトを始める前段階を作る。シリーズ初回として選定理由と周辺知識も整理する。
- No image
Astroで個人サイトを作る #2 プロジェクト生成とディレクトリ構造
npm create astro でテンプレートを生成し、生成物の意味とコンテンツコレクションを読み解く。
- No image
Astroで個人サイトを作る #3 レイアウトとカスタマイズ
Blog テンプレートを土台に、レイアウト・SEO・OGP・タイポグラフィを整える。デザイン判断の周辺知識も合わせて扱う。
- No image
Astroで個人サイトを作る #4 GitHubとCloudflare Pagesでデプロイ
SSH キー設定から GitHub への push、Cloudflare Pages へのデプロイまでを扱う。ホスティング比較と CI/CD の組み立て方も整理する。
- No image
Astroで個人サイトを作る #5 ドメイン取得とDNS設定
独自ドメインを取得し、Cloudflare Pages に紐付けて HTTPS を有効化する。DNS の基礎やリダイレクト戦略も合わせて整理する。