<h2 id="user-content-ソースコード">ソースコード</h2>
<p>GitHubで公開しています</p>
<p><a href="https://github.com/ocha98/MyHP">https://github.com/ocha98/MyHP</a></p>
<h2 id="user-content-使ったもの">使ったもの</h2>
<ul>
<li>Next.js</li>
<li>Azure Static Web Apps</li>
<li>Cloudflare R2</li>
<li>microCMS</li>
</ul>
<p>これら4つです</p>
<h2 id="user-content-nextjsとazure-static-web-apps">Next.jsとAzure Static Web Apps</h2>
<p><a href="https://nextjs.org/">https://nextjs.org/</a></p>
<p><a href="https://azure.microsoft.com/ja-jp/products/app-service/static">https://azure.microsoft.com/ja-jp/products/app-service/static</a></p>
<p>Next.jsはReactベースのフレームワークです。フロントエンドの開発だけでなくちょっとしたサーバーサイドの処理もかけるのが魅力的です。</p>
<p>Next.jsはAzure Static Web Appsで動かすことができ、SSGだけでなくSSRにも対応してるんです！なんかISRもできる！</p>
<p><a href="https://github.com/Azure/static-web-apps/discussions/921">https://github.com/Azure/static-web-apps/discussions/921</a></p>
<p>Azure Static Web Appsは無料で利用できます</p>
<h2 id="user-content-cloudflare-r2">Cloudflare R2</h2>
<p><a href="https://www.cloudflare.com/ja-jp/products/r2/">https://www.cloudflare.com/ja-jp/products/r2/</a></p>
<p>画像を配信するために使っています。</p>
<p>10GB/月、クラスA操作100万回/月、クラスB操作1000万回/月まで無料なので個人利用には十分です！</p>
<h2 id="user-content-microcms">microCMS</h2>
<p><a href="https://microcms.io/">https://microcms.io/</a></p>
<p>記事の投稿を管理しています。非常に使いやすいです！無料プランでも無制限のAPI呼び出しができるので嬉しい！</p>
<p>SSGの際にmicroCMSのAPIを叩いてデータをとっています。</p>

ブログを作り直したので使った技術をまとめた