Learn SvelteKit: Introduction

Check back later, and subscribe to my channel to see me livestream development. We can work through and evolve it together 🙌

In the first livestream we covered chapters 1 through 5!

Onwards to Chapter 1!

Prerequisite knowledge

This course assumes some exposure to HTML, CSS and Javascript. We will be going through some fundamentals and theory, so give this course a chance even if you feel like a beginner... But promise you won’t get discouraged if it starts looking overwhelming 😄 Showing up makes you amazing in my book!

If haven’t seen Svelte before, the official interactive tutorial is by all accounts awesome and heavily recommended. However, as much as I love it, it is extremely long and I admit “even I” haven’t gone through the whole thing start to finish 😬

A good tactic may be jumping to the official tutorial if this course becomes a bit much, and back into this course when the official tutorial becomes too tiring 😄

Environment setup

Node is the most popular Javascript runtime for “non-browser” environments, including your workstation!

You may get it from its official site, although I heavily recommend installing a “Node version manager” to take care of that for you. Unlike most things in your machine, it’s likely you’ll need multiple versions of Node, as different projects you work on may be requiring something different, according to when they were last updated!

My Node version manager of choice is currently Volta, but for years it used to be nvm.

Finally, in order to get anywhere in modern Javascript, you also need a package manager to bring in the ready-made tools you wouldn’t want to reimplement from scratch.

Node ships with “npm”, which is still the most popular package manager, and you can’t really go wrong with just using that, however in this project and example code, I’ll be using pnpm.