Svelte 5 & SvelteKit - The Complete Fundamentals Guide

Updated in May 2025. This course now features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. Unlock the power of Svelte 5 and SvelteKit with this comprehensive course. Whether you're new to Svelte or an experienced developer, this course will walk you through the fundamentals and guide you in mastering the latest features of Svelte 5, along with the robust features of SvelteKit. By the end of the course, you'll be able to build reactive web applications with ease and efficiency. The journey begins with an introduction to the course structure and the new updates in Svelte 5, setting the stage for what's to come. You'll dive deep into the structure of Svelte files, learn how to manage reactive state, and understand the nuances of input handling and side effects. Key concepts such as derived runes and debugging with Inspect rune will be thoroughly explored. You'll also gain practical knowledge on how to pass props across components and implement advanced features like snippets and templating. The second part focuses on SvelteKit, covering its structure and routing systems for both client-side and server-side navigation. You’ll learn to fetch server-side data using the page.server.ts file, and handle data fetching for both the server and client using the load function. To round out your skill set, you'll learn to create custom API endpoints, which will be essential for building dynamic and data-driven web applications. This course is perfect for web developers looking to level up their skills in modern front-end development using Svelte 5 and SvelteKit. Ideal for beginners to intermediate learners, this course will take you through hands-on projects and real-world examples. A basic understanding of JavaScript is recommended to get the most out of the course, but no prior Svelte experience is necessary.