このブログを Nuxt2 で構築してから３年が経ち，Nuxt2 のサポートが終了するため，Nuxt3 で構築し直しました．
DriveToWeb というサービスを利用すると，Google ドライブをホスティングサーバのように利用できます．静的ファイルしかホスティングできませんが，SSG を併用すれば簡単なサイトやブログは作れそうです．
個人サイトの内容を刷新しようと思っていたので，これまで使用していた Nuxt.js の代わりに Next.js で構築してみました．
nuxt-i18nでHTMLタグを含む翻訳メッセージを表示する
nuxt-i18n を利用すれば多言語対応サイトを作ることができます．メッセージは単語や文章単位で翻訳して表示することができますが，場合によっては a タグなどの HTML タグを含む文章を使いたいかもしれません．そのような場合には一部の単語を変数として埋め込むことで対応できます．
Nuxt.js に Firebase を導入するために Nuxt Firebase というパッケージが用意されていますが，公式ドキュメントをよく見てみると v7.5 から更新されていません．現在の Nuxt Firebase の最新バージョンは v8.2.2 ですが，Nuxt Firebase v8+ では modular 形式のサポートとなっています．また，パッケージの実装は終わっていないようで，modular 形式を導入する場合にはパッケージではなく，自分で導入するようにと書かれていました．
以前にエイリアスを用いてホスティングサーバにファイルを転送するコマンドを作って使用していたのですが，コマンドに利用していた scp コマンドはどうやら非推奨になっていたようです．２年も前に．その代替として利用できるのが rsync で，しかも差分のあるファイルのみを転送できるらしいので，コマンドを書き換えました．
このブログでは Nuxt Content を使用していますが，記事が増えるにつれてビルド時間が長くなってきました．最初は１分程度だったのが今では３分．この調子だとかなり長くなりそうなので高速化してみます．
写真は見た目の重要度が 100% なので如何に綺麗に魅せるかが鍵になると思いますが，ポートフォリオサイト自体が重くなってしまうのもまた事実．そんなことを考えていたら，とても良さげなビュワーモジュール Viewer.js を見かけたので，テストサイトを作成してみました．
記事ごと個別で OGP 画像を作るのが面倒だったので毎回ブログトップの OGP 画像を使いまわしていたのですが，芸がないので自動生成に切り替えました．
Node.js では環境変数の設定・利用に dotenv モジュールが使われてきましたが，Nuxt.js では不要になりました．