ようやくブログを自作しました

技術

はじめに

この度、はてなブログで運用していた tionblog ですが、当サイト（ドメイン: kaorumuta.me）を自作し移行しました。

旧: https://mutation.hatenablog.com/
新: https://kaorumuta.me/blog

技術仕様

Next.js を使ってブログを構築しました。採用理由としては以下の通りです。

  • SSG（静的サイト生成）がブログと相性がいい
  • 公式リファレンスが充実していた
  • 自分が Next.js 自体に興味があった

ページの更新が頻繁に必要ではないブログサイトの構築には、SSG のプレビルドの考え方が活きると考えて採用に至りました。(Gatsbyという選択肢もあったがNext.jsを選んだのは、実質最後の要点が一番の採用理由)

採用技術に関してはREADMEにまとめています。

感想

Webpack などの設定は create-next-app でやってくれているし、動的ルーティングがサポートされていて、DX (Developer Experience)的に非常に良かったです。。！！

そして肝心のウェブサイトの応答速度も早く、不快感なく閲覧することができるので UX を重視したものを作ることができました。

今回は簡単な静的サイトであるブログを作ることにしましたが、実際に Next.js をバックエンド側と連携させてシステムを作った場合のメリットデメリットが気になった次第です（今回の開発では特にデメリットは感じなかった。複雑な状態管理とかが要求されるケースではどうするのだろう）。

あと、興味ドリブン開発は捗るし楽しいけど、せっかくなので言語化して自分の知識にしていきたいですね。

最後に

当ブログは質問やコメント等あればこちらのISSUEにて受け付けておりますので、お気軽にどうぞ！