iconHakshu's Blog

ブログ開設

2021/9/22

Picture of article

はじめに

このシルバーウィークで何度か挫折していた自分のサイトとブログを作った。
モチベーションとしては自分の実験場になるものが欲しかったのと、カジュアルに書く場が欲しかった。

採用技術は以下

  • Next.js
  • Material UI
  • Vercel
  • microCMS


今まで何度かサイトとブログ自体は作ろうとしてきたが、デザインを頑張ろうとしたり、変にフルスクラッチしようとして挫折してきたので、今回は巨人の肩に極力乗るのと、まずは最小限で完成させることを意識した。

コード自体は以下で公開している。
https://github.com/hakshu25/hakshu.dev

ブログ環境

はじめはNotion APIを使ってNotionで書く環境を作ろうと思っていたが、beta版ということもあり、code blockなどが対応していないので、諦めた。正式リリースに期待している。
※ NotionのCMS化について詳しくは以下に記載
https://zenn.dev/5t111111/articles/80934cdda55328

セルフホスティングできるstrapiも見ていたが、エディタが自分にとってはハマらなそうだったので、こちらも候補止まりとなった。
https://strapi.io/

最終的にはmicroCMSに決めた。日本製のサービスでもあるし、エディタも十分で、組み込み情報なども多かったので。
https://microcms.io/
組み込むにあたっては以下公式のチュートリアルが参考になる。30分ぐらいでサイト上でブログ記事が見れるところまで持っていくことができ、その速さに感動した。
https://blog.microcms.io/microcms-next-jamstack-blog/

最後に

CIや表示など不足しているものは多いのでこれから少しずつ入れていく予定。
飽きっぽく3日坊主になりがちなので改善も少しずつ続けていきたい。