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). ...

demo page of embedded components

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 machine

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. ...

SvelteKit machine

Coming Soon!

Use SvelteKit with MySQL using Prisma

How This Blog Was Built