Overview

This tutorial teaches Nano Kit by building a small React application in stages. The demo project is Event Board, a public listing of frontend events.

The project starts as the smallest useful version, then adds Nano Kit packages when the application needs them.

You will move through the same path a real app tends to take:

1. Build the first store.
2. Load data with query.
3. Routing.
4. Route parameters.
5. Forms and mutations.
6. Optimistic updates.
7. Prepare for SSR.
8. Server rendering.
9. Final result.

The tutorial begins with Setup.