Skip to content

本番環境へのPR#19

Merged
angurodon merged 10 commits into
prodfrom
develop
May 6, 2026
Merged

本番環境へのPR#19
angurodon merged 10 commits into
prodfrom
develop

Conversation

@angurodon

Copy link
Copy Markdown
Owner

No description provided.

r-ike and others added 10 commits May 5, 2026 06:48
CRA は 2025-02-14 に React チームが正式に非推奨化しているため、現行の推奨フレームワークへ刷新する。
あわせて手動デプロイで属人化していた運用を GitHub Actions の CI/CD に置き換える。

主な変更:
- フレームワーク: react-scripts 5 → next 15 / react 19 / TypeScript 5
- スタイル: 各コンポーネントの個別 CSS → Tailwind CSS v4 (@import "tailwindcss" + @theme)
- 配信: SPA → output: 'export' + trailingSlash: true で SSG(CloudFront の Custom Error Response 不要に)
- ルーティング: react-router-dom → Next.js App Router (app/<route>/page.tsx)
- SEO: 各 page.tsx に metadata、app/sitemap.ts と app/robots.ts を追加
- CI/CD: .github/workflows/ci.yml (PR 検証) と deploy.yml (prod push で S3 sync + CloudFront invalidation, OIDC で IAM Role assume)
- 整理: src/Gabage/, i18next/react-scroll/gh-pages 等の死蔵依存、homepage フィールドを削除
- 画像: src/assets → public/images/、next/image 経由で参照
- ブランド: <title>Ic-Growth</title> をメタデータで復元(favicon 素材は受領後差し替え)

CLAUDE.md は新スタックとデプロイ手順、ブランチ運用 (develop / main / prod) に書き換え。

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
CRA から Next.js 15 (App Router) + TypeScript + Tailwind v4 に移行
旧 .github/README.md(CRA ボイラープレート)は削除。リポジトリ直下の README.md に開発・本番デプロイ・初回 AWS セットアップ(OIDC Provider / IAM Role / S3 versioning)を一本化した。

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
ストレージ料金がかさむため有効化しない方針。事故時の復旧はビルド再実行 (git revert + push) で対応する。

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
OIDC Provider と IAM Role github-actions-ic-gr-deploy の作成は完了済み。
日常運用に必要な「prod に push されたら自動デプロイ」の手順を前面に出し、長い AWS 初回セットアップ手順は「災害復旧 / 再構築」セクションへ移動。あわせて失敗時の切り分けポイントを追加。

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
ステージング環境を持たないため main を経由する 3 段階運用をやめ、develop での動作確認後にそのまま prod に進める方針に揃える。

- README.md / CLAUDE.md: フロー図と手順を develop → prod に更新
- .github/workflows/ci.yml: PR トリガから main を削除

main ブランチ自体は当面残すが、新規 PR ターゲットとしては使わない。

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
prod に push したら本番に反映される仕組みを、初学者向けに解説した読み物。
GitHub Actions のイベント駆動、OIDC、IAM Role の3層構造(OIDC Provider / 信頼ポリシー / 権限ポリシー)、S3 と CloudFront の役割を順を追って説明する。失敗パターンの切り分けポイントも併記。

README からこの doc にリンクして発見性を確保。

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
…-doc

doc/deploy-architecture.md を追加(自動デプロイの仕組み解説)
@angurodon
angurodon merged commit bf17f9a into prod May 6, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants