Next.js の Zod 活用術

テクノロジーカテゴリーの変更を依頼記事元:

zenn.dev/takepepe

53 usersがブックマークコメント

コメント

1

記事へのコメント1件

注目コメント
新着コメント

shingo-sasaki-0529 Zod 最近使い始めたけど、まだうまく活用できてない感があるから参考になる。フォーム入力のバリデーションにだけ使ってたけど、たしかにサーバーサイドにも使えるか。

2022/12/14 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

Next.js の Zod 活用術

本年は Next.js + バリデーションライブラリの Zod をよく利用し、Zenn でもいくつかの関連記事を投稿し... 本年は Next.js + バリデーションライブラリの Zod をよく利用し、Zenn でもいくつかの関連記事を投稿しました。本稿では、この組み合わせならではの TIPS を紹介します。記事で紹介するサンプルは以下に置いています。リクエスト検証に便利な Zod Next.js で getServerSideProps を使用すると、リクエスト検証をサーバーサイドで行えます。例えばセッションに保持している値の検証はバリデーションライブラリの Zod を使用して、次のようなコードで実現できます。 export const userSchema = z.object({ name: z.string(), em ail: z.string(), }); export const getServerSideProps = async (ctx) => { const sess = await ge

ブックマークしたユーザー

techtech05212024/05/30
ryu19j2023/01/09
ptpadan2022/12/25
ykunori2022/12/17
kamawada2022/12/16
uchiuchiyama2022/12/15
hush_in2022/12/15
poad10102022/12/15
tokyoumare2022/12/15
nukosan5552022/12/15
fpf12022/12/15
kazre2022/12/14
snaka722022/12/14
truesoftware2022/12/14
threeMonths2022/12/14
youhei_nak2022/12/14
mushus2022/12/14
tjmschk2022/12/14

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx