---
description: >-
  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 SvelteKit

## Installing Bun

```bash
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

```bash
bun create svelte@latest .
bun install
```

{% hint style="info" %}
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
{% endhint %}

## Adding TailwindCSS

```bash
npx svelte-add
```

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



## Install the Svelte for VS Code extension

{% embed url="https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode" %}
Svelte extension
{% endembed %}
