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 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 (usingWebContainers).

1. add an.env file withPUBLIC_USE_FILESYSTEM=true in it
2. Run the app locally withpnpm dev orpnpm build && pnpm preview.

1. if an.env file exists, modify it so there'sPUBLIC_USE_FILESYSTEM= in it
2. Run the app locally withpnpm dev orpnpm build && pnpm 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.