タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

qiitaとisrに関するstibbarのブックマーク (2)

  • Next.jsのISRを理解する - Qiita

    目的 Next.jsのISRはどのような動作をするのかを、正しく理解したい! ISRとは ISR(Incremental Static Regeneration)とは、SSGを利用しながらも、一定時間ごとにデータの再取得を行い、HTMLを再生成する手法のことを指します。 ISGとの違い ISRを調べていると、ISGという単語が一緒に出てくることがあります。 ISG(Incremental Static Generation)とは、Dynamic Routesのページにアクセスした際に、オンデマンドでページ生成を行う手法のことを指していたようです。 この単語は公式ドキュメントには現在明確には記載されている箇所はありません(おそらく…)。ドキュメント内に貼られているサンプルサイトを確認すると、ISGに関する記載が少しだけ残っています。 Dynamic RoutesのキーがツイートIDなどの場合

    Next.jsのISRを理解する - Qiita
  • Next.jsのISRを学ぶ - Qiita

    Incremental Static Regenerationとは 「段階的な静的サイト再生成」と訳されるStatic Site Generation(SSG)のデメリットを補う機能です。 SSGのデメリットといえば、「事前にビルドしたページ内容しか返却しないこと」です。 要するにビルド後にデータベースが更新されたとしても、再ビルドしない限りはページ内容が更新されることはありません。 そこでISRを利用することでページにアクセスされる度に再ビルドさせることができます。 次回以降のアクセスから再ビルドで新しく生成されたページを返却するので、データベースの更新に合わせてページ内容を更新させたい場合に有効です。 基的なISRの使い方 例)登録したタスクの一覧を表示するページ /pages/tasks/index.tsx import { NextPage } from 'next'; impo

    Next.jsのISRを学ぶ - Qiita
  • 1