SvelteKit

New app, installation

npm create svelte@latest my-app
cd my-app
npm install
npm run dev

Create multiple list items with #each block

To be able to properly change list of child components created/rendered using #each block it is important to create the list with “keys” - a unique identifiers for every item. In the following example (thing.id) is the key.

{#each things as thing (thing.id)}
	<Thing name={thing.name}/>
{/each}

Create a PWA with SvelteKit

see tutorial on dev.to