tRPC と MSW の統合

2023/01/25 9 users tRPC Zod スキーマ MSW client

tRPC は Next.js プロジェクトの生産性を向上させるライブラリです。サーバー側定義の型推論が API Client にダイレクトに伝搬するだけでなく、Zod スキーマによる入力値制約が施せます。そのため、Client ⇄ API Routes 間の疎通がEnd-to-end typesafeになる、便利なライブラリです。 tRPC と MSW の統合要点 筆者はテス... 続きを読む

Next.js に Service層 を導入する

2022/06/03 9 users Next.js getServerSideProps 本稿

本稿は、Next.js で「getServerSideProps や API Routes」を利用するアプリケーション向け内容になります。重厚な作りになるので、要件に適合する・しないはあると思いますので、あしからず。 Next.js は薄いフレームワーク Next.js は SPA 配信の最適化にフォーカスしており、Backend の機能面が十分とは言えません。pa... 続きを読む

Testing Next.js - getServerSideProps & API Routes -

2022/05/11 8 users getServerSideProps Jest 本稿 テスト

Next.js の getServerSideProps & API Routes テスト手法についてまとめました。getServerSidePorps & API Routes に関するテストは「Cypress・Playwright」を利用することが多いと思いますが、本稿は Jest 単体テストの紹介です。 Ecosystem Dependencies テストに使用するエコシステム一式です（Jest 等は略） msw nod... 続きを読む

Next.js の API Routes から SWR の型推論を導く

2021/12/02 7 users SWR routing TypeScript 型推論 API

ファイルシステム API Routes の課題 Next.js のファイルシステムを利用した routing は、直感的に定義を追加することができます。一方、モジュールシステム観点からは透過的参照がないため、TypeScript の型推論と相性が悪いです。Next.js における型安全な routing ソリューションとして pathpida がありますが、API R... 続きを読む