This Week in Svelte (2023 June 9) – Updates, Self-hosting SvelteKit, Passing styles to children

Channel Sponsored by Vercel – https://bit.ly/3SkkVNb

This Week in Svelte is a weekly event where we casually discuss things that happened on the Svelte Discord, showcase community projects, and review some popular Q&A to learn and grow together.

This week’s topics:

0:00 Introduction
0:36 Changelog – SvelteKit v1.20.2
2:14 Quick facts – New Svelte website, breakpoint debugging, Dev Vlog
7:07 Community Showcase & Microtalks – “How to deploy a SvelteKit app to traditional servers” by Karim
45:27 This week in discussions – Viewport units, passing styles to Svelte children
53:51 This week in Q&A – How to use SCSS, how to upgrade dependencies

Links
– Svelte 4 pre-release next.1: https://github.com/sveltejs/svelte/releases/tag/svelte%404.0.0-next.1
– “Debugging JavaScript Frameworks in Neovim” by Theo Steiner: https://theosteiner.de/debugging-javascript-frameworks-in-neovim
– Dev Vlog with Kev and Rich Harris about the Svelte 4 pre-release: https://www.youtube.com/watch?v=AOXq89h8saI
– New viewport units: https://web.dev/viewport-units/
– Svelte-add scss, add SCSS to your Svelte application: https://github.com/svelte-add/scss

Links for “How to deploy a SvelteKit app to traditional servers” by Karim
– Systemd SvelteKit demo repository https://github.com/karimfromjordan/sveltekit-systemd
– Systemd Portable Services https://systemd.io/PORTABLE_SERVICES/
– Related tal, “Self-hosting SvelteKit with a VPS, Docker, CapRover and GitHub Actions” by Khromov https://www.youtube.com/watch?v=KbIFRVvdgA8

Code shared
– “Passing classes or styles to component children” REPL by Enrico: https://svelte.dev/repl/b204c0225415404ca368670bf3d64822?version=3.59.1