svelte app

This is a project template for Svelte apps. It lives at https://github.com/sveltejs/template-webpack.

To create a new project based on this template using degit:

npx degit sveltejs/template-webpack svelte-app
cd svelte-app

Note that you will need to have Node.js installed.

Get started

Install the dependencies...

cd svelte-app
npm install

...then start webpack:

npm run dev

Navigate to localhost:8080. You should see your app running. Edit a component file in src, save it, and the page should reload with your changes.

Deploying to the web

With now

Install now if you haven't already:

npm install -g now

Then, from within your project folder:

now

As an alternative, use the Now desktop client and simply drag the unzipped project folder to the taskbar icon.

With surge

Install surge if you haven't already:

npm install -g surge

Then, from within your project folder:

npm run build
surge public

Plop templates

You can create either Pages or components (feel free to extend this).

$: plop

This will make you choose between Components and Pages.

Both are stores inside src/js/(components|pages)

This is how the templates looks:

<style>
    .{{ slugify name }} {
        
    }
</style>

<script>
    export let variableName;
</script>

<div class="{{ slugify name }}">
</div>

Templates can be added/modified in ./plop-templates