javascript / intermediate
Snippet
Server Actions mit Typvalidierung
Server Actions ermöglichen es, Formularübermittlungen und Datenmutationen direkt auf dem Server zu verarbeiten. Die Kombination mit Zod stellt sicher, dass Eingabedaten vor der Verarbeitung validiert werden.
snippet.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
'use server';import { revalidatePath } from 'next/cache';import { z } from 'zod';const Schema = z.object({ name: z.string().min(3) });export async function updateUsername(formData: FormData) {const validated = Schema.safeParse({ name: formData.get('name') });if (!validated.success) return { error: 'Invalid name' };await db.user.update({ data: validated.data });revalidatePath('/profile');}
nextjs
Erklärung
1
'use server';
Markiert die Datei oder Funktion als Server Action für Next.js.
2
revalidatePath('/profile');
Löscht die gecachten Daten für den spezifischen Pfad, um aktualisierte Inhalte anzuzeigen.