Podcasts Technology Syntax - Tasty Web Development Treats Hasty Treat - What is SvelteKit?

Hasty Treat - What is SvelteKit?

Published: June 14, 2021, 1 p.m.

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

Sanity - Sponsor

Sanity.io\xa0is 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\xa0sanity.io/create. Get an awesome supercharged free developer plan on\xa0sanity.io/syntax.

LogRocket - Sponsor

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

Show Notes

03:28 - What is it?

  • Total platform for building\xa0Svelte apps
  • Built in\xa0Vite.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\xa0support

17:03 - Neat small things

Links Tweet us your tasty treats!