svelte-workshop Svelte Themes

Svelte Workshop

A workshop that takes participants through the entire process of building a complete, real-world SvelteKit application.

Svelte & SvelteKit Workshop

This repository contains the materials for Mainmatter' Svelte & SvelteKit workshop.

[!NOTE] This workshop has been written by Mainmatter.
It's one of the trainings in our portfolio of workshops.
We also offer consulting, training, and team augmentation for Svelte – check out our website to learn more!

Presentation usage

Running this presentation locally requires Node.js and pnpm installed.

# Install dependencies
pnpm install
# Build
pnpm build
# Serve the presentation
pnpm serve

The presentation is based on Reveal.js and is served at http://localhost:4173/

  • Navigate using the arrow keys. Horizontal navigation for sections of the workshop, vertical navigation for slides within a section.
  • Presenter notes open in a separate window by pressing s
  • Fullscreen mode can be enabled by pressing f and closed by pressing ESC
  • g opens an input to jump to a specific slide (3/2 for second slide in section 3)

Example application for the workshop

The example application for the workshop can be found at mainmatter/svelte-workshop-music-player.


Copyright © 2015–2023 Mainmatter GmbH; released under the Attribution NonCommercial ShareAlike 3.0 Unported license.

Top categories

svelte logo

Need a Svelte website built?

Hire a professional Svelte developer today.
Loading Svelte Themes