Svelte vs Svelte Kit - What's The Difference?

What is the difference between Svelte and Svelte Kit? Here is a quick guide to explaining the relationship between the two projects.

Learn Svelte and Svelte Kit!
Become a Level Up Pro and take your web skills to the next level!

Learn Web Components with Web Components for Beginners

The best web development podcast out there
Syntax with Wes Bos and Scott Tolinski

[DanielRios]

Svelte is the Linux kernel, SvelteKit is the distro that uses this kernel, the same thing as React/Next, Vue/Nuxt and so on.

[techdebt]

I just started with Svelte! Absolutely needed this!

[abdulsalamaboubakar]

I love the virtacal tabs that edge uses. Thanks for the content as always.

[sunflair-wa]

Thank you. I just learned about Svelte 5 minutes ago and am a React person. Thank you for your analogies

[KevinVandyTech]

I only got started with Svelte in the past month, but it has been great. It just works

[Jonesrful]

Came across Svelte and I'm so happy I found this clarity.

[thatguynar]

I've been recommending svelte to a lot of colleagues lately. At work we actually use Lit but svelte is just on another level

[bmehder]

I'm really looking forward to the Astro course!

[byte__]

If I already have an API written maybe in another language, or just using a framework like express, I should use Svelte instead of SvelteKit, right? I ask because I have a website already built, written using a template engine, but I would like to use a framework to make it more dynamic and Svelte seemed great because I don't feel like I'm actually using JavaScript.

[bmehder]

What is the difference between using the load function in SvelteKit vs the <script context="module"> in a Svelte component to fetch data? Don't they both run before the component mounts?

[imran]

I'm confused. Do I need to learn backend tech like nextjs if I learn svletekit? I mean, does sveltekit can be used for front-end and backend and can be same or more secure compared to using a complete different backend like one with express js or other framework?

[johntierney]

I'm totally confused as to when use Svelete Store/Load or SvelteKit Loader. Do you use one or the other or are they complementary?

[rogadev]

I love your tutorials, Scott. Do you think you could give us (or link me to) a video on route guarding in Svelte? 99% of the ideas I have in my head right now have some form of login form. Show me how to connect to, say, Supabase for auth and explain how to "properly" route guard my pages. Pretty please. =)

[kayderl]

Hey Scott, what do you think about Svelte-native? 🙂

[denniszenanywhere]

Are you adding more to your Svelte course on Udemy?

[ijimmoore]

Thx! Your very last comment: we use Svelte in Astro, not Sveltekit - was informative. I was just about to try Astro with Svelte 😹

[whatthefunction]

I want to embed a svelte game on my php apps 404 page. Should I use sveltekit?

[BestChan]

Why can't I build an API with Svelte? What about Sveltekit makes it better to make an API.

[wizardfix]

Svelte is the set of tools and building materials supply you need to build a house, whilst Sveltekit lets you specify where to build it, what kind of house, what access, how services ahd utilities are provided etc.. Not a perfect analogy, but hey... Nice explanation of the difference anyway @Scott.

[Gokuroro]

Everytime I read the name Svelte I mix it up with the Sbeve meme...