Azure DevOps → Static Web Apps

マルチページ構成で SWA デプロイを俯瞰

それぞれのページに練習用コンテンツを分離しました。必要なセクションだけを編集して、 Azure DevOps パイプラインから Static Web Apps へ確実に届けるフローを確認しましょう。

ワークフローを見る 特徴をチェック
本日のゴール
  • 1.サイトを編集
  • 2.Azure DevOps に push
  • 3.SWA で公開確認

ページごとに役割を分割

Features

デプロイ環境を構成するヒントや、ルーティング/テーマの活用例をまとめています。

特徴ページへ →

Workflow

Azure DevOps のタイムラインとチェックリストを掲載。ジョブ単位で手順を確認できます。

ワークフローへ →

Lab & FAQ

実際に表示を変えるラボと、よくある質問を別ページで整理しました。

ラボを開く →

デプロイ前のクイックチェック

  • ✔ `SWA_DEPLOYMENT_TOKEN` をシークレット変数に設定した
  • ✔ `azure-pipelines.yml` で `app_location: src` を維持している
  • ✔ 変更したページをブラウザでローカル確認済み

すべて完了したら `git push origin main` で本番と同じ挙動を体験できます。