Formik `noscript`

Uses Formik to HTTP post to Next.js' special page endpoint (_next/data/[..]/[..].json) then re-renders the posts from the response

This page works without JavaScript enabled!

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.