Installing SvelteKit

SvelteKit is built on Svelte, a UI framework that uses a compiler to let you write breathtakingly concise components that do minimal work in the browser, using languages you already know — HTML, CSS

Installing Bun

npm install -g bun

Why should you use SvelteKit?

It's super easy to use, it compiles extremely fast, it's super easy to create SPA's etc.

It has built-in Image Optimizer.

Installing SvelteKit

bun create svelte@latest .
bun install

Make sure to enable Formatting with Prettier, as it enables you to do:

npm run format

Which formats everything according to the Svelte formatting standards

Adding TailwindCSS

npx svelte-add

Select: Prettier, TailwindCSS, and select the Typography plugin for Tailwind CSS

Install the Svelte for VS Code extension

https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscodemarketplace.visualstudio.com

Svelte extension