Markdown source

Back to list
# Learn SvelteKit from zero

The order I'd do it in if I started again. All free. Prompt to make your own: "Find the best free resources to learn SvelteKit, put them in the order a beginner should use them, and save them to onelink."

- [Svelte tutorial](https://svelte.dev/tutorial/svelte/welcome-to-svelte) — Start here. Interactive, right in the browser.
- [SvelteKit tutorial](https://svelte.dev/tutorial/kit/introducing-sveltekit) — Routing, loading data and forms, in the same format.
- [Svelte docs](https://svelte.dev/docs/svelte/overview) — Keep open while you build. The runes pages are the ones you'll revisit.
- [SvelteKit docs](https://svelte.dev/docs/kit/introduction) — Read "Loading data" and "Form actions" twice.
- [Playground](https://svelte.dev/playground) — Try an idea without setting up a project.
- [Joy of Code](https://www.youtube.com/@JoyofCodeDev) — Clear video explainers when the docs aren't clicking.
- [shadcn-svelte](https://www.shadcn-svelte.com/) — Components you copy into your project. onelink.ninja is built with them.
- [Superforms](https://superforms.rocks/) — Forms with validation, once you've outgrown plain form actions.
- [Svelte for AI agents](https://svelte.dev/docs/ai/overview) — Give your coding assistant the real docs, so it writes Svelte 5 and not Svelte 3.
- [Svelte Society](https://sveltesociety.dev/) — Community events, recipes and packages.
- [Svelte Discord](https://svelte.dev/chat) — Ask when you're stuck. People are friendly.
The same bytes are served as text/markdown at ../../@onelinkninja/learn-sveltekit.md — that is the URL to hand to a script or an LLM.