Psst — looking for a shareable component template? Go here --> sveltejs/component-template
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.
- 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
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.
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