ついに記事ページにnext.jsを導入しました!
せっかくなので詳しく解説していきます!
そもそもnext.jsって何?
ざっくり言うとサーバー側で色々するための仕組みです。このHPのサーバーであるVercelと同じ会社が開発していて、とても相性がいい組み合わせです!
今回はその中でもサーバー側でリクエストに応じてページを生成するISRという仕組みを利用しています。(細かいことを知りたい人はソースコード見てみてください。GitHubアカウント持ってる人はフォローとスターもお願いします!)
何がいいの?
今回next.jsを導入したメリットとしては
- TwitterなどのSNS上のプレビューが正しく表示されるようになる
- 記事ページのさらなる高速化
- 低スペックの端末でも高速で表示
などがあります!
今回導入した目的は一番上のSNS上でのプレビュー機能がメインです。
今後の話
掲示板作ります!ゲームもぼちぼち作ります!作ったら更新情報を配信するのでぜひトップページから通知の許可をお願いします!