シリーズ
- No image
Astroモノレポ構成編 #1 全体像と環境準備
複数の Astro サイトを 1 リポジトリで運用するための前提を整理する。pnpm workspace の選定理由と最終的なディレクトリ構成を示す。
- No image
Astroモノレポ構成編 #2 ワークスペースの初期化
pnpm init から pnpm-workspace.yaml の作成までを行い、ルートの責務を整える。
- No image
Astroモノレポ構成編 #3 複数アプリの作成
apps/ 配下に blog / tech / app / wiki の 4 つの Astro アプリを生成し、pnpm install と pnpm approve-builds で依存を整える。
- No image
Astroモノレポ構成編 #4 共通レイアウトの切り出し
packages/ui を作り、共通コンポーネントを workspace:* プロトコルで各アプリから参照する。
- No image
Astroモノレポ構成編 #5 マルチサイトのデプロイ
4 アプリを GitHub に push し、Cloudflare Pages 上で個別プロジェクトとしてサブドメイン配信する。
- 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 の基礎やリダイレクト戦略も合わせて整理する。