PLAY PODCASTS
Hasty Treat - What is SvelteKit?

Hasty Treat - What is SvelteKit?

In this Hasty Treat, Scott and Wes talk about SvelteKit — what it is and why you might want to use it. Sanity - Sponsor is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and...

Syntax - Tasty Web Development Treats · Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

June 14, 202124m 24s

Audio is streamed directly from the publisher (traffic.megaphone.fm) as published in their RSS feed. Play Podcasts does not host this file. Rights-holders can request removal through the copyright & takedown page.

Original episode page

Show Notes

In this Hasty Treat, Scott and Wes talk about SvelteKit — what it is and why you might want to use it.

Sanity - Sponsor

Sanity.io is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at sanity.io/create. Get an awesome supercharged free developer plan on sanity.io/syntax.

LogRocket - Sponsor

LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax.

Show Notes

03:28 - What is it?

  • Total platform for building Svelte apps
  • Built in Vite.js
    • Includes all of the Vite goodness but it hides behind the scenes for the most part
  • Host anywhere

05:16 - Is it CSR, SSR, SSG, WTF?!

  • All of the above. Uses adapters to control the output:
kit: { // hydrate the element in src/app.html target: '#svelte', adapter: adapter() }

09:45 - What you get out of the box

  • File-based routing
  • API routes
  • Layouts and layout resets
  • Fancy file titles [slug] __layout
  • Code splitting & preloading
  • PostCSS
  • TypeScript support

17:03 - Neat small things

Links Tweet us your tasty treats!
← All episodes of Syntax - Tasty Web Development Treats