Repository files navigation

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

This repo usespnpm.

First, runnode 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 an instance of a SvelteKit application (which powers the output window of the tutorial). Then, rundev:

node scripts/create-common-bundlepnpm dev

To build for production and run locally:

pnpm buildpnpm preview

Tutorials live insidecontent. Each tutorial consists of aREADME.md, which is the text to the left, andapp-a andapp-b folders, which represent the initial and solved state. Files that stay the same can be omitted fromapp-b. Files are marked as deleted inapp-b if they start with__delete. Folders that are marked as deleted inapp-b if they contain a file named__delete.

Bump the dependency (for example Svelte) in both the root and thecontent/commonpackage.json. In the root dopnpm i (to updatepnpm-lock.yaml), incontent/common donpm i (to updatepackage-lock.json).