React、Next.jsの勉強を1ヶ月ほどしてきたので、アウトプットも兼ねた自分のポートフォリオ兼ブログサイト（本サイト）がほぼほぼ形になりました。先週Next.jsで同じようなブログをblog-starter-appという公式のブログ雛形をカスタマイズして作ったばかりですが、

• 記事の更新がやりづらい
• 元から色々なファイルが用意されていてごちゃごちゃしている
• 自分で一からNext.jsを使った開発を行ってみたい

などの不満・理由があり本サイトを作成するに至りました。使いまわせるページは使い回し、新たにZennの投稿最新10件の表示と、microCMSと連携したオリジナルブログ機能を実装しました。いわゆるJamstack構成というやつです。他にもダークモードの配色のカスタマイズやページ遷移時のアニメーションなど、細かな部分にも拘ってみました。なかなか時間がかかりましたが、割といい感じにできて気に入っています。

技術的な話はZennの記事でまとめていこうと思うので、このブログについても詳しくはZennの投稿でまとめたいですね。

ただ、

• 動的OGPの設定
• Google Analytics
• 自分のドメインの設定
• ページネーション

など、まだまだ実装・挑戦したい機能がたくさんあるので、これからやっていきたいと思います。

それでは。

(3/27追記)

動的OGPの設定はなんとか今日中に終わらせることができました！