動かざることバグの如し

近づきたいよ 君の理想に

nextjs

Next.jsでCSRF対策を簡単に実装する方法

環境 Nextjs 13 edge-csrf 1.0.3-rc1 TypeScript 5 やりたいこと 今日は、Next.jsの開発について書こうと思います。Next.jsは、開発がとても便利であることがよく知られています。 しかし、CSRFトークンの機能がRailsのようにネイティブで用意されていないた…

InferGetStaticPropsTypeを使ってnextjsをよりラクラクに

環境 nextjs 12.3 InferGetStaticPropsTypeってなに getStaticPropsの返却値をもとにNextPageに渡されるPropsの型を推論してくれる機能 よくあるgetStaticPropsの例 例えばこんな感じにあったとして import type { NextPage } from 'next'; import { GetStat…

nextjsメモ

種別 データ取得に使う主な関数 データ取得タイミング その他 SSG getStaticProps ビルド時 SSR getServerSideProps ユーザーリクエスト時(サーバーサイド時) getInitialPropsもSSR ISR getStaticProps(revalidateを返却する) ビルド時 デプロイ後もバックグ…