Zod Demo

import { z } from "npm:zod@3.21.4"; import { UserSchema } from "./zod_demo_shared"; async function server(request: Request): Promise { if (request.method === "POST" && new URL(request.url).pathname === "/register") { try { const body = await request.json(); const validatedUser = UserSchema.parse(body); // Here you would typically save the user to a database // For this demo, we'll just return a success message return new Response(JSON.stringify({ message: "User registered successfully!" }), { headers: { "Content-Type": "application/json" }, }); } catch (error) { if (error instanceof z.ZodError) { return new Response(JSON.stringify({ errors: error.errors }), { status: 400, headers: { "Content-Type": "application/json" }, }); } return new Response("Internal Server Error", { status: 500 }); } } return new Response( ` Zod Demo

`, { headers: { "Content-Type": "text/html" }, }, ); } const css = ` body { font-family: Arial, sans-serif; max-width: 600px; margin: 0 auto; padding: 20px; } form div { margin-bottom: 10px; } label { display: block; margin-bottom: 5px; } input { width: 100%; padding: 5px; } .error { color: red; font-size: 0.8em; } .server-response { margin-top: 20px; padding: 10px; background-color: #f0f0f0; border: 1px solid #ddd; } `; export default server;

zod_demo_http