2時に寝て5時に起きて7時半に起きた。疲れてからわりと眠れた方かも。いまの働き方だと木曜日がもっともストレスの低い日になっている。定例会議がない。今週やらないといけないお仕事も次の金曜日があることでまだ時間があるから安心みたいな話し。

next.js 入門

next.js のチュートリアル を一通りやってみた。2年ほど前にちょっとだけ next.js で開発していたプロジェクトのソースを読んだことがあったので雰囲気は少し覚えていた。チュートリアルは react のことを何もわからなくても next.js の機能や特徴を理解できるような構成になっていて感心した。チュートリアルから学んだことはこれら。関連ドキュメントを読みながらでも1日もあれば終わると思う。

  • コードは分割されてコンパイルや pre-fetch が行われる
  • Image コンポーネントを使えば画像の最適化を自動で行う
  • CSS Modules を使えばコンポーネントレベルのスタイルを定義できる
  • ページ単位に pre-rendering できる
    • 静的生成 (ssg)
    • サーバーサイドレンダリング (ssr)
  • pre-rendering が不要ならクライアントサイドレンダリングすればよい (csr)
  • 動的ルーティングや bff のための api エンドポイントは動的に振る舞う
  • デプロイは基本的に node.js を必要とする