Tailwind Logo

ブログのリニューアルをしました

Next.js関連技術

公開日: 2024-05-30

しばらくブログの更新をしていませんでしたが、本日から新しいブログのスタイルに切り替えました。更新したポイントを改めて紹介をします。

ブログ更新ポイント

このブログを運用しているコードはメンテナンスは適度にしていくため、特にコードは公開していません。しかしながら、色々と Tips として公開できる内容はブログのトピックとして公開して行く予定です。

この新しいブログは以下のような感じで動いています。

  • Next.js App Router - 以前は Page Router を利用していましたが、App Router に切り替えました
  • 多言語対応 - 日本語だけではなく、その英語版も公開していきます。英語が得意なわけではないため、機械翻訳を利用しながら英語版を作って行く感じです。なお、過去の記事は全て機械翻訳から出てきた内容のみです。
  • 完全 GraphQL 化 - 以前はオープンソースのパッケージなどを使ってデータを取ってページを表示する形にしていましたが、すべて GraphQL でデータを取ってきてページを表示するようにしました。
  • カテゴリページにページ切り替えを追加 - これまでタグが同じものは一覧で出ていたものを、数が多いページは複数ページで表示をするようにしました。
  • Lighthouse スコアの改善 - 画像の最適化など Next.js の機能をきちんと実装して、トップページに関しては以下のようなスコアが出ています。
lighthousescore-202405.png

このブログサイトは私が一人で記事を書いているサイトでもあるため、気が向いたら機能強化をするという感じですが、Tips として使えそうな内容はブログの記事としてサンプルと合わせて公開をする予定です。

リニューアル時点で英語のコンテンツの翻訳率は 392 のうち 216 で 55% です。時間のある時に随時翻訳作業をしていきます。今のところ、以下のタグのコンテンツはすべて翻訳済です。

まとめ

新しくなったブログ、よろしくお願いします。

関連タグ