How to migrate from Sapper to SvelteKit

Migrating from Sapper to SvelteKit isn't terribly hard, but there are a few gotchas along the way. In this episode, I walk through the migration guide and talk briefly about my experience.
🤯 Contribute on Patreon
  • https://www.patreon.com/davidwparker

⏱️ Timestamps:
  • 00:00 - Introduction Notes
  • 01:00 - Demo
  • 01:40 - Migration guide follow along - package.json
  • 03:50 - Webpack / Svelte config
  • 04:35 - client.js and service.js and new hooks module
  • 06:20 - service worker
  • 06:40 - template.html -> app.html changes
  • 08:25 - import changes ($app/navigation and $app/stores)
  • 09:20 - preload -> load changes
  • 12:20 - vite config issues (import alias issues)
  • 14:00 - apis.js process issues
  • 15:10 - $app/env
  • 15:35 - multiple tailwind files issue (vite config)
  • 16:35 - tailwind config
💌 Newsletter:
  • https://www.programmingtil.com/

🪐Elsewhere:
  • Twitter: https//twitter.com/davidwparker
  • Twitter: https://twitter.com/programmingtil
  • GitHub: https://github.com/davidwparker

💭Concepts:
  • Deploying a Svelte/Sapper application to Vercel by pushing to Github

📚Resources:
  • https://github.com/davidwparker/programmingtil-svelte-sapper/tree/migrate-sk

🎬 Subscribe!
  • http://bit.ly/subdavidwparker

My name is David W Parker and I’m creating and publishing videos on ProgrammingTIL to help teach anyone and everyone who wants to code. I’m a huge fan of Ruby on Rails, Svelte, TailwindCSS, and WebGL. I’ve used React a lot in the past, as well as some Vue and AngularJS. I’ve done some professional Python and Django. I like to create real applications and my tutorials will walk you through how to build something real from beginning-to-end.

svelte #sapper #sveltekit

© programmingtil.com