Back to templates

Svelte Starter

A SvelteKit app including nested routes, layouts, and page endpoints.
A SvelteKit app including nested routes, layouts, and page endpoints.
Framework
Svelte iconSvelte
Language
Javascript
Use cases

This is a Svelte project bootstrapped with npm create svelte@latest my-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

You can also run the Svelte starter template easily using Wasmer (check out the install guide):

wasmer run wasmer-examples/svelte-wasmer-starter --net -- --port 5173

[!TIP] You can also run wasmer run . --net -- --port 5173 in the root of this repo, after running npm run build

Open http://localhost:5173 with your browser to see the result.

Deploy on Wasmer Edge

The easiest way to deploy your Svelte app is to use the Wasmer Edge.

Live example: https://wasmer-edge-svelte-sample.wasmer.app/

First, you'll need to run npm run build, and then, to deploy to Wasmer Edge:

wasmer deploy

[!NOTE] You will need to have Wasmer installed (check out the docs to install the Wasmer CLI!). You will also need to change the namespace in wasmer.toml to your own namespace and app name in app.yaml to your own app name.

Making software universally accessible