javascript / intermediate
Snippet
Server Action Schema-Validierung mit Zod
Die Verwendung von Zod in Server Actions stellt sicher, dass vom Client gesendete Daten typsicher und validiert sind, bevor Datenbankoperationen stattfinden. Dieses Muster verhindert, dass bösartige oder falsch formatierte Daten Ihre Backend-Logik erreichen.
snippet.js
javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
'use server';import { z } from 'zod';const schema = z.object({email: z.string().email(),});export async function submitForm(prevState, formData) {const validatedFields = schema.safeParse({email: formData.get('email'),});if (!validatedFields.success) {return { errors: validatedFields.error.flatten().fieldErrors };}// Process valid datareturn { success: true };}
nextjs
Erklärung
1
const validatedFields = schema.safeParse(...)
Verwendet Zod, um das Eingabeobjekt zu validieren, ohne eine Exception auszulösen.
2
validatedFields.error.flatten().fieldErrors
Konvertiert komplexe Zod-Fehler in ein einfaches Key-Value-Objekt zur UI-Anzeige.