Normal http post (zod for validation)

Uses a standard <form> with the action-attribute to post to the same page. Form data is handled in getServerSideProps and feedback is passed through page props.

My guestbook

From alexdotjs at 2021-01-26 00:00:

hello

From alexdotjs at 2021-01-26 00:00:

world

Add post

About what you're looking at

We're using getServerSideProps to receive POST data.
Validates and adds to the db on the server with /api-endpoints.
Reuses same zod schemas in server & client
TypeScript types are inferred to client.
Data is reset whenever app is restarted or when Vercel's lambda gets cold.
Try disabling JS in your browser. Page still works fine.