Skip to content
RR

RR Grenadine

A focused React Router starter

Notes

Server write path

A split-pane notes workspace.

Write a note on the left, inspect the latest records on the right, and keep the API contract aligned with the same Zod schema.

Visible notes

6

Validation

Zod v4

Write path

POST /api/notes

Add a note
Submitting this form posts directly to the route action.
Action
Payload contract
The same shape drives the form, the action, and the API.

Title must be 3 to 120 characters. Note must be 10 to 4000 characters.

{ "title": "Deployment check", "note": "The server rendered this note." }
Recent notes
Freshly loaded on the server after each successful action.
6

API note

Latest

Mar 17, 2026, 10:46 PM

#6

Created through POST /api/notes.

Deploy

Mar 17, 2026, 10:13 PM

#5

Lolkrjendbdndb

Hey

Mar 17, 2026, 9:50 PM

#4

Lol this is a test

Hey

Mar 17, 2026, 9:50 PM

#3

Lol this is a test

Hey

Mar 17, 2026, 9:49 PM

#2

Lol this is a test

Hey

Mar 17, 2026, 9:49 PM

#1

Lol this is a test