Nuxt3でブログをリニューアルした
動機
Nuxt3 でなんか作りたい
ちょっと前に Nuxt3 のベータ版がリリースされたので、それを使って何かしらを作りたい。
眩しい
夜に読むのが辛いので、ダークモード風の色使いにしたい。
技術構成
- TypeScript
- Nuxt3
- Tailwind CSS
- Netlify
Nuxt3
Nuxt3 はまだベータ版で情報も少なく、自分のコードが悪いのか仕様なのか Nuxt 側のバグなのか、問題の切り分けが難しかった。
とりあえず Composition API は雰囲気だけ味わった。 script setup は書き心地がとても良い。
脱 CMS
旧ブログは Contentful という HeadlessCMS を使って、所謂 JAMStack な構成だった。 ノリで選定した構成だったが、そこまで CMS のメリットを感じなかった。
今回は markdown で書いて processmd で json に変換する方式を採用した。
デザインはそこそこ納得いくものができて満足している。 シンプルなデザインは飽きがこない(はず)。
コマンドによる.md → HTML の変換処理も悪くない。 コンテンツの更新者が非エンジニアであれば CMS は必要だろうけど、コンテンツも自分自身で書くのであればこの構成で良い。