<p>仕事でVercelではなくAWS環境にDeployする必要があったので、備忘録</p>
<h2 id="amplify%E3%81%A8%E3%81%AF%EF%BC%9F">
<a class="header-anchor-link" href="#amplify%E3%81%A8%E3%81%AF%EF%BC%9F" aria-hidden="true"></a> Amplifyとは？</h2>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__803fecb0030c8" src="https://embed.zenn.studio/card#zenn-embedded__803fecb0030c8" data-content="https%3A%2F%2Fzenn.dev%2Fknagano%2Fscraps%2Fd772707b4909b0" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://zenn.dev/knagano/scraps/d772707b4909b0" style="display:none" target="_blank">https://zenn.dev/knagano/scraps/d772707b4909b0</a><br style="display:none">
SSR対応で、ISRが不可</p>
<p>今回はISRが不可でも動くプログラムなので、特に何も考えず実装する。</p>
<h2 id="%E6%89%8B%E9%A0%86">
<a class="header-anchor-link" href="#%E6%89%8B%E9%A0%86" aria-hidden="true"></a> 手順</h2>
<ol>
<li>githubリポジトリとAWS Amplifyをつなげる</li>
<li>環境変数を設定</li>
<li>ビルドしたら完了</li>
</ol>
<h2 id="%E5%AE%9F%E9%9A%9B%E3%81%AB%E3%82%84%E3%81%A3%E3%81%A6%E3%81%BF%E3%82%8B">
<a class="header-anchor-link" href="#%E5%AE%9F%E9%9A%9B%E3%81%AB%E3%82%84%E3%81%A3%E3%81%A6%E3%81%BF%E3%82%8B" aria-hidden="true"></a> 実際にやってみる</h2>
<p>ここのEditから、環境変数が設定できる<br>
<img src="https://storage.googleapis.com/zenn-user-upload/ab6076350c5c-20220821.png" alt loading="lazy" class="md-img"></p>
<p>環境変数を設定<br>
<img src="https://storage.googleapis.com/zenn-user-upload/4afeb5134b16-20220821.png" alt loading="lazy" class="md-img"></p>
<p>設定後deploy<br>
<img src="https://storage.googleapis.com/zenn-user-upload/6f7731e8be30-20220821.png" alt loading="lazy" class="md-img"></p>
<p>エラーが出たので、修正をする<br>
<img src="https://storage.googleapis.com/zenn-user-upload/dec533792ac2-20220821.png" alt loading="lazy" class="md-img"></p>
<p>単純に型宣言系のエラーだったので、それを解消して再度pushしたらdeployされた。(ちゃんと型宣言せねば…)</p>


NextjsプロジェクトをAmplifyにDeployする

Amplifyとは？

手順

実際にやってみる

Discussion