plarail_hangout https://blog.hatena.ne.jp/plarail_hangout/ Engineering Tech Dojo https://tech.fun-toy-life.com/ TypeScript Next.js Next.js Server Actions + Zod でサーバーサイドバリデーション Next.js の Server Actions でフォームデータを受け取るとき、Zod でバリデーションを入れると型安全に処理できます。クライアント・サーバーで同じスキーマを共有できるのが強みです。 早わかりまとめ 役割 実装場所 スキーマ定義 共有ファイル（lib/schemas.ts など） フォームの送信 クライアントコンポーネント バリデーション Server Actions（サーバー側） インストール npm install zod スキーマを共有ファイルに定義する // lib/schema… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.fun-toy-life.com%2Fentry%2F2026%2F07%2F03%2F190610" title="Next.js Server Actions + Zod でサーバーサイドバリデーション - Engineering Tech Dojo" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2026-07-03 19:06:10 rich https://tech.fun-toy-life.com/entry/2026/07/03/190610 1.0 100%