Blog
This blog was first posted in May, 2022, and was updated in 2023 with the new routing and other changes to SvelteKit that came with SvelteKit 1.0. Check back for new posts!
Build a Calculator Component in Svelte
And use it in your current website
There’s no need to go all or nothing with Svelte. You can build a few components in it and use them in your existing website. Here, we’ll build a calculator app in Svelte and deploy it in a basic HTML website. ...

Embed Our Svelte Calculator Component into Your Existing Website
If you have followed the instruction in my previous post, you now have five tabs in Svelte’s REPL labeled App.svelte, Calculator.svelte, Calcbtn.svelte, Display.svelte, and stores.js. (If you do not have these, you can pull them from my Github repository in the svelte-app directory). ...

SvelteKit 1—Getting Started with SvelteKit
This post will give you a basic introduction to SvelteKit and walk you through building a basic SvelteKit website. ...

SvelteKit 2—Further Adventures with SvelteKit
This post continues from SvelteKit 1. If you want to code along, copy the code from that post. At this point, we have a simple, two-page website. Let’s take it just a bit further. ...
