learn.svelte.dev

A soup-to-nuts interactive tutorial on how to build apps with Svelte.

Setup

This repo uses pnpm.

Running the app

First, run node scripts/create-common-bundle. This packages up everything that's needed to run a SvelteKit app (Vite, Esbuild, SvelteKit, Svelte compiler etc) which can subsequently be unpacked on a server to create and run and instance of a SvelteKit application (which powers the output window of the tutorial).

The next steps depend on whether you want to run this locally in filesystem mode, or in WebContainer mode. For now, it works with filesystem mode only locally. In future, it will run both locally and on the web (using WebContainers).

Local/filesystem mode

1. add an .env file with PUBLIC_USE_FILESYSTEM=true in it
2. Run the app locally with pnpm dev or pnpm build && pnpm preview.

WebContainer mode

1. if an .env file exists, modify it so there's PUBLIC_USE_FILESYSTEM= in it
2. Run the app locally with pnpm dev or pnpm build && pnpm preview.