Using vanilla-extract with SvelteKit: how you can make zero-runtime stylesheets with the new TypeScript freindly preprocessor in Svelte.

SvelteKit infinite scroll: see how you can use Svelte stores and a reactive function to implement an infinite scrolling Instagram feed.

SvelteKit JSON import: how you can use data provided from business apps and ther sources directly in your Svelte site, thanks to Vite.

SvelteKit Image Plugin: how to use the vite-imagetools plugin to bring responsive images in next-gen formats, like WebP, to your Svelte App.

Use Vim keyboard shortcuts on you blog: how to make it easy for Vim users to jump around your Svelte blog site with a keyboard and no mouse!

SvelteKit secure dev server: see how simple it is to spin up an https dev site using the SvelteKit CLI for developing and testing Svelte apps.

SvelteKit hCaptcha contact form: see how you can scare bots away from your Svelte site using a privacy focussed captcha service.

SvelteKit GraphQL type generation: how you can generate TypeScript types automatically from your GraphQL API endpoint using a codegen tool.

Create a SvelteKit component library: see how easy SvelteKit makes it to create your own custom component library and level up your workflow.

SvelteKit GraphQL queries using fetch only: how you can drop Apollo client and urql dependencies altogether to make your Svelte app leaner.

Tracking page views in SvelteKit: how you can add a view counter to your blog posts using the Intersection Observer API as a view trigger.

Svelte Social Icons: use this handy package to add and customise beautiful SVG social media brand icons in your Svelte app.

SvelteKit dynamic image import: how you can import and cache responsive images into a template on your Svelte app using vite-imagetools.

Using Netlify Functions with SvelteKit: learn how you can continue using your existing Netlify functions when you move your site to SvelteKit.

SveleKit Next-Gen Background Image: see how you can automatically generate a Next-Gen background image with a safe fallback in SvelteKit.

Lazy loading iframes in SvelteKit: we see how Core Web Vitals from Google make optimising your Svelte site important to rank.

SvelteKit Hosting: see how you can host your static SvelteKit site for free with Render taking advantage of their CDN and SSL certificates.

Stylelint for SvelteKit: keep you Svelte code consistent and make sure your CSS and SCSS code follows your team's style guide to the letter!

SvelteKit Blog SEO: updated template for creating a Svelte in Markdown (MDsveX) blog site with Twitter, Open Graph and SchemaOrg meta.

SvelteKit favicon: How easily to add a favicon to your Svelte app so your brand logo gets displayed in the users' browser tab.

Use Apollo Client with SvelteKit to Query a GraphQL API: we use the GitHub API to query our repos and learn a bit of SvelteKit along the way.

Video on MDsveX rehype plugins where we look at adding automatically generated tables of contents to your SvelteKit blog posts, as an example.

Adding Schema.org markup to your SvelteKit site: we look at how to add SEO Structured Data, understood by search engines, to your Svelte site.

SvelteKit PWA: how to build your MDsveX blog as a Progressive Web App in SvelteKit which is installable, available offline.

SvelteKit File Based Routing: in this video we look at a concrete example of adding blog post redirects to help explain filesytem routing.

Open Graph SEO in SvelteKit: adding optimised images for Instagram, WhatsApp and other app page shares from your SvelteKit site.

SvelteKit SEO: how to use SvelteKit to add search engine optimisation metadata so that social images appear when visitors share posts.

SvelteKit Tutorial: Learn how to build an accessible, fast and secure static Svelte blog site using SvelteKit and Svelte in Markdown (MDsveX).

SvelteKit Blog Starter: Climate MDsveX blog starter code to help you get your new Svelte blog up and running with markdown in Svelte support.

SvelteKit is a new, fast site generator. Netlify is a leading site hosting service. We look at how to use Netlify to host your SvelteKit site.

Getting started with SvelteKit: 10 tips I learned building fast Svelte sites from tooling to integrating SEO components and Netlify config