/svelte-examples

Basic examples using svelte3

Primary LanguageHTML

Psst — looking for a shareable component template? Go here --> sveltejs/component-template

svelte app

This is a project template for Svelte apps. The original lives at https://github.com/sveltejs/template. This version lives at https://github.com/mjgartendev/svelte-app.

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

npx degit mjgartendev/svelte-app svelte-starter
cd svelte-starter

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

Differences

  • basic set of css variables
  • simplified navbar using flexbox
  • Material Design inspired Sidebar with working mini and show/hide toggles
  • basic app shell layout with navbar and sidebar using css grid
  • padded, centered main area with fluid variant
  • FontAwesome free cdn link included
  • (WIP) basic page router using svelte:component and history api

Get started

Install the dependencies...

cd svelte-app
npm install

...then start Rollup:

npm run dev

Navigate to localhost:5000. You should see your app running. Edit a component file in src, save it, and reload the page to see 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