タグ

ブックマーク / zenn.dev/frontendflat (1)

  • Next.js App Router キャッシュの今

    先日Vercelから「Next.js App Router Caching: Explained!」というタイトルの動画が公開されていたので、その内容をまとめることでNext.jsのキャッシュの今について整理しておこうと思います。 基 まずNext.jsでは、静的レンダリングがデフォルトです。RSCを使用していても基的にはビルド時にページが事前レンダリングされます。これはRoute Handlersも同様です。仮にビルド後にデータを更新してもリビルドしない限り表示は古いままであり、これは静的にレンダリングされていると言えます。 ただし、developmentとproductionでは挙動が異なります。ローカルではコードに変更を加えるたびにデータが再取得・レンダリングされるので、ローカルとビルド後の挙動に違いがあることを理解しておきましょう。 リクエストするたびに最新のデータを取得し表示

    Next.js App Router キャッシュの今
    jay-es
    jay-es 2024/01/28
    "ただし、developmentとproductionでは挙動が異なります。" ←これはキャッシュ以外でもいくつかあり、「ビルドしたら期待通りに動かなかった」が起こりがちなのが App Router のつらいところ
  • 1