Examples
Full working mini-projects you can build from scratch. Each one comes with a template you can drop into a folder and follow step by step.
Unlike Grab n Go snippets, these are complete applications — HTML, CSS, JS, and (where needed) a backend — wired together end to end.
| Example | What it covers |
|---|---|
| Vanilla Contact Form | Pure HTML/CSS/JS form with validation |
| Next.js JSON Form | Server actions with useActionState |
| Next.js API Routes | Route handlers with dynamic params |
| Next.js Server Components | RSC patterns with Suspense boundaries |
| Next.js Suspense | Loading states at every level |
| Next.js Error Handling | Error boundaries and error.tsx |
Last updated on