Next.js13でMSWを使うためにmswjs/http-middlewareで対応した話

みなさんはMSW使っていますか? 弊社ではモックデータの扱いにMSWはなくてはならない存在となりました。 しかし、Next.js 13だとMSWがうまく動作しません(2023年10月25日現在)。 storybook、テストにもMSWを使っているのに、Next.jsで使えないのはまずい。…

Next.js13で基本的なAPI実装における12系からの変更点

Next.jsが13になってApp Routerが採用されてからAPIの実装にも処理の変化がいくつかあります。 基本的なNext.jsでのAPIの実装する上でバージョン12から変更になった処理を見ていきます。 ルーティング リクエストメソッド params リクエストボディ Headers …

Prismaで関連レコードの作成はconnectを使う

弊社では開発しているサービスではTypeScripでバックエンドを実装しています。 合わせてORMでPrismaを使用しています。 今回Prismaを使用してリレーションが1対多対1のレコードを作成する際に少し型エラーがでてしまったのでどのように解消したか紹介します…