Course · Training · Workshop

Svelte 5 and SvelteKit 2

Two-day hands-on course on Svelte 5 and SvelteKit 2: components, reactivity with Runes, state management, routing and SSR for fast, maintainable web applications.

Step into the world of Svelte 5 and SvelteKit 2, where simplicity reigns and performance soars. This 2-day course will take you on a journey from the fundamentals of building components with Svelte 5 to mastering the reactivity model that makes your interfaces dynamic and responsive. You’ll dive deep into state management, ensuring your apps are both powerful and easy to maintain. With SvelteKit 2, you’ll explore seamless routing, efficient data handling, and server-side rendering, all designed to make your applications lightning fast and SEO-friendly. By the end, you’ll be fully equipped to deploy modern web applications that deliver exceptional user experiences with minimal effort.

In-house course

Tailored for your team.

Request

No suitable date?

Request a new public date.

Request a date

Trainers

Noah Bieler

Instructor

What participants say

These customers booked courses in the same topic cluster.More customers →

Content

Introduction to Svelte: Discovering the philosophy of Svelte and why simplicity matters.
Component-Based Architecture: Crafting modular, reusable components with ease.
Programming: Harnessing Svelte’s elegant reactivity model for dynamic interfaces.
State Management: Simplifying state handling, both locally and globally, in Svelte.
Styling in Svelte: Mastering scoped CSS, animations, and transitions effortlessly.
Introduction to SvelteKit: Exploring SvelteKit’s capabilities in full-stack web development.
Routing and Navigation: Implementing smooth, intuitive client-side routing with SvelteKit.
Server-Side Rendering (SSR): Leveraging SSR to enhance performance and SEO with SvelteKit.
API Integration: Efficiently fetching and managing data using SvelteKit’s built-in features.
Deployment Strategies: Preparing, optimizing, and deploying your Svelte and SvelteKit

Disclaimer: The content of this course is flexible and may be adjusted based on the specific needs and requirements of the client.

The actual course content may differ from the above depending on the trainer, delivery, duration and the composition of participants.

Goal

By the end of this course, you will be proficient in building modern, high-performance web applications using Svelte 5 and SvelteKit 2. You will have the skills to create scalable, maintainable applications from scratch and confidently integrate them into your existing development workflows.

Duration

2 Days

Format

A dynamic blend of concepts, hands-on live coding, and collaborative development of a sample web application. The focus is always on practical and efficient use of Svelte and SvelteKit in real-life projects and production environments.

Target group

Web developers and architects familiar with JavaScript and/or TypeScript who want to learn the new Svelte and SvelteKit frameworks.

Prerequisites

Experience in the development of Javascript or Typescript web applications.

Preparation

Each participant receives a questionnaire and installation instructions after registration. Matching the answers we send individual feedback.

Request this course in-house

Request a public date

No suitable public date? Register without obligation — once there is enough interest we schedule a new public date and let you know first.

More about Svelte and SvelteKit

Svelte is a modern JavaScript framework that differs fundamentally from React or Vue: instead of running reactivity logic in the browser, Svelte does this work at compile time, resulting in smaller and faster code. SvelteKit builds on top of this and provides a complete full-stack framework with routing, SSR, and data management. Svelte 5 introduces the new Runes system, offering an even clearer and more powerful API for reactive state.

Further resources:

History

Svelte was created in 2016 by Rich Harris, then a graphics developer at the Guardian. The first version introduced the concept of the "disappearing framework" – Svelte compiles components to minimal, native JavaScript with no runtime to ship. Svelte 3 (2019) revolutionized the reactivity model through simple assignment, while Svelte 4 (2023) improved performance and developer experience.

With Svelte 5 (2024), the Runes system was introduced, making reactivity more explicit and powerful. SvelteKit was established as the official application framework, replacing the unofficial predecessor Sapper. Today, Svelte is sponsored by Vercel and is used in production by many well-known companies worldwide.