tRPC×Next.js App RouterでTodo CRUD｜型安全プロンプト作例
P
プロンプト
Next.js App Router と tRPC を使った完全な型安全 Todo CRUD の例を作成。インメモリデータベース、Zod バリデーション、型安全に API を呼び出す React クライアントを含めてください。
この例では、tRPC、Next.js App Router、Zod を使用したフルスタック型安全 Todo アプリケーションの構築方法を示します。サーバー側はクエリとミューテーションを含むルーターを定義し、クライアント側は tRPC が生成する React フックを使用します。手動の API エンドポイント定義は不要で、型は自動的に共有されます。
主な機能:
- インメモリ Todo ストレージ
- 各プロシージャに対する Zod 入力バリデーション
- tRPC の
TRPCErrorによるエラーハンドリング - 完全な TypeScript 推論を備えたクライアントサイドの React フック
このプロンプトは役に立ちましたか？
コメント
コメントは承認後に表示されます
この記事が役に立ったら投げ銭で応援
Apple Pay / Google Pay / カード (Visa/Mastercard/JCB/Amex) / Link / Alipay / WeChat Pay 対応 · Stripeで安全に決済
開発者が選ぶ最強ツール集
運営者が毎日使っているツール・ガジェット 6選