russellsamora / covid-ma

Svelte Starter

Trying to get the best of both worlds: fast and easy svelte development with Sapper bake out html deploy.

Features

• HMR for lightning fast development
• Includes csv, json, and svg imports by default
• SCSS ready (optional)
• LayerCake preloaded for graphic development
• Tabler-Icons for simple/easy svg icons
• Sapper to deploy as pre-baked out HTML
• Configured to make easy deploment to Github Pages

Insallation

Clone the repo and run npm install.

Development

npm run dev

Modify content in src and public/assets.

Deploy

For github deploy:

npm run deploy
make github

You need to modify the basepath in package.json and Makefile.

Notes

Must put browser-dependent modules with dynamic load in onMount:

onMount(async () => {
    const module = await import("tone");
    if (!Tone) Tone = module.default;
});

Style

CSS or SCSS both work fine. Either do within style tag or externally like:

<style src="../css/app.scss"></style> -->