
ブログを移行した。

去年も一昨年も同じようなことをしているので、毎年恒例みたいになっている。

### Next.js や Vercel などに鞍替えした理由
単に仕事で使う機運があったので触っとこうと思って。Hugo のこういうところが嫌で〜とか、Next.js の思想や設計が好きで！とか、そういう話ではない。むしろ Hugo の方が shortcode が既に用意されていて記事を書くのは楽だった。
デプロイ先に関しても一昔前に話題になっていて面白そうだった Vercel になんとなくしてみただけ。

ドメインの取得先は昔から使っている Google Domains をそのまま利用。

今回からは初の試みで、[@corocn](https://twitter.com/corocn/) さんのこちらの記事に触発され、esa を CMS として利用してみている。今のところ使い勝手は良い。

[https://corocn.dev/posts/personal-blog-with-nextjs-and-esa](https://corocn.dev/posts/personal-blog-with-nextjs-and-esa)

構成やビルドの設定は [@corocn](https://twitter.com/corocn/) さんの記事以外にも、[プログラミングをするパンダ](https://twitter.com/Panda_Program) さんの以下の記事を参考にした。とても助かりました :pray:

[https://panda-program.com/posts/nextjs-with-cms-esa](https://panda-program.com/posts/nextjs-with-cms-esa)

### Youtube や Twitter とか
Hugo を使っていたときに多用していた Youtube や Twitter の shortcode が消えてしまったので、現在 Tweet に関しては [https://publish.twitter.com/](https://publish.twitter.com) を利用して iframe を生成している。

Youtube も同様に、動画ページからそのまま埋め込みコードをコピーしてそのまま貼っている。そのままだと、レスポンシブ対応できないので、特定のクラスを設けてよしなに css を当てている。

### OG Image とか

は、まだない。Vercel 側で設定できそうなのでいつかやる。
多分設定したらここの節のコメントは更新されると思う。

### その他 TODO

は、大体こちらにメモしている。早いうちに対応したいのは OG Image とテストの導入だろうか。

[https://scrapbox.io/cat2koban/cat2koban.dev_(nextjs_%E7%A7%BB%E8%A1%8C)_%E3%81%AE_ToDo](https://scrapbox.io/cat2koban/cat2koban.dev_(nextjs_%E7%A7%BB%E8%A1%8C)_%E3%81%AE_ToDo)

ブログを移行した。
去年も一昨年も同じようなことをしているので、毎年恒例みたいになっている。
仕事で機運が有ったので Next.js を選んでいる。デプロイ先に関しては、今まで GitHub Pages の恩恵を授かっていたが、一昔前に話題になっていて面白そうだった Vercel にしてみている
