Editing Openai/692597e9-7c0c-800b-a7e3-59b9cadf5f0c (section)

==== 1. Developer experience & mental model ====

SvelteKit:
* You write Svelte components (no JSX, no useState, no useEffect).
* Reactivity is compiler-level: just reassign a variable and the UI updates.
* Minimal hooks / lifecycle overhead; less “framework ceremony.”
* Routing, data loading, and form actions feel very close to classic server frameworks (like Laravel/Rails) but with Svelte’s reactivity.

Next.js:
* You write React components (JSX, hooks, useState, useEffect, useEffect, etc.).
* React’s mental overhead (hook rules, dependency arrays, memoization) is always present.
* App Router + Server Components are powerful but come with more conceptual weight (client/server components, boundaries, etc.).

👉 Educationally: SvelteKit is often easier for beginners to truly understand how state flows and how reactivity works. Next.js is great, but you’re also teaching React’s quirks.