nextjs
環境 Nextjs 14 Nextjs複数台に同時にデプロイできない問題 Nextjsを使用している際に、複数のサーバーに同時にデプロイしようとすると問題が発生することがある。 具体的には、ビルドIDが各サーバーで異なるため、JSのURLが変わってしまう。よってブラウザ…
環境 Nextjs 13 edge-csrf 1.0.3-rc1 TypeScript 5 やりたいこと 今日は、Next.jsの開発について書こうと思います。Next.jsは、開発がとても便利であることがよく知られています。 しかし、CSRFトークンの機能がRailsのようにネイティブで用意されていないた…
環境 nextjs 12.3 InferGetStaticPropsTypeってなに getStaticPropsの返却値をもとにNextPageに渡されるPropsの型を推論してくれる機能 よくあるgetStaticPropsの例 例えばこんな感じにあったとして import type { NextPage } from 'next'; import { GetStat…
種別 データ取得に使う主な関数 データ取得タイミング その他 SSG getStaticProps ビルド時 SSR getServerSideProps ユーザーリクエスト時(サーバーサイド時) getInitialPropsもSSR ISR getStaticProps(revalidateを返却する) ビルド時 デプロイ後もバックグ…