---
title: "Vercel Blob SvelteKit Starter"
description: "Simple SvelteKit template that uses Vercel Blob to upload a file."
url: "https://vercel.com/templates/svelte/blob-sveltekit"
links:
  repository: "https://github.com/vercel/examples/tree/main/storage/blob-sveltekit"
  demo: "https://blob-sveltekit.vercel.app/"
  deploy: "https://vercel.com/new/clone?demo-title=Vercel+Blob+SvelteKit+Starter&demo-description=Simple+Svelte+template+that+uses+Vercel+Blob+to+track+pageviews.&demo-url=https%3A%2F%2Fblob-sveltekit.vercel.app%2F&project-name=blob-sveltekit&repository-name=blob-sveltekit&repository-url=https%3A%2F%2Fgithub.com%2Fvercel%2Fexamples%2Ftree%2Fmain%2Fstorage%2Fblob-sveltekit&demo-image=%2F%2Fimages.ctfassets.net%2Fe5382hct74si%2F3ZGDmtzXQV04e4n3HlY6FQ%2F7e16a84e7fe88995ccdfcd0d4b9480bb%2FCleanShot_2023-05-12_at_18.09.55.png&stores=%5B%7B%22type%22%3A%22blob%22%7D%5D"
---

# Vercel Blob SvelteKit Starter

Simple SvelteKit template that uses Vercel Blob to upload a file.

# Vercel Blob SvelteKit Starter

Simple SvelteKit template that uses [Vercel Blob](https://vercel.com/blob) to upload a file.

## Demo

https://blob-sveltekit.vercel.app/

## How to Use

You can choose from one of the following two methods to use this repository:

### One-Click Deploy

Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=vercel-examples)

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fvercel%2Fexamples%2Ftree%2Fmain%2Fstorage%2Fblob-sveltekit&project-name=blob-sveltekit&repository-name=blob-sveltekit&demo-title=Vercel%20Blob%20Svelte%20Starter&demo-description=Simple%20SvelteKit%20template%20that%20uses%20Vercel%20Blob%20to%20track%20pageviews.&demo-url=https%3A%2F%2Fblob-sveltekit.vercel.app%2F&demo-image=https%3A%2F%2Fblob-sveltekit.vercel.app%2Fopengraph-image.png&stores=%5B%7B"type"%3A"blob"%7D%5D)

### Clone and Deploy

Execute the following command to download the example into the `my-project` folder:

```bash
npx degit@latest https://github.com/vercel/examples/storage/blob-sveltekit my-project
```

Once you've created the project and installed dependencies with `pnpm install`, copy the `.env.example` file in this directory to `.env.local` (which will be ignored by Git). Then open `.env.local` and set the environment variables to match the ones in your Vercel Storage Dashboard.

Alternatively, if you have setup a project already and you have installed the Vercel CLI, you can also pull the environment variables using the following command:

```bash
vercel env pull .env.local
```

Next, run SvelteKit in development mode:

```bash
pnpm dev
```

Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=vercel-examples) ([Documentation](https://vercel.com/docs/frameworks/sveltekit)).

## Related Templates

### [Postgres SvelteKit Starter](https://vercel.com/templates/svelte/postgres-sveltekit)

Simple SvelteKit template that uses a Postgres database.

### [Vercel Blob Next.js Starter](https://vercel.com/templates/next.js/blob-starter)

Simple Next.js template that uses Vercel Blob for image uploads

---

## Additional documentation

The [Vercel Knowledge Base](https://vercel.com/kb) contains guides and answers to common questions about Vercel, including deployment, framework configuration, domains, caching, and troubleshooting.