svelte-basic Svelte Themes

Svelte Basic

svelte type script example

Looking for a shareable component template? Go here --> sveltejs/component-template


svelte basic tutorial app

This Project tutorial svelte basic functions

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

Get started

Install the dependencies...

  1. basic svelte

    cd basic
    npm install
    npm run dev
    
  2. router

    cd router
    npm install
    npm run dev
    

Navigate to localhost:5000. You should see your app running.

If you're using Visual Studio Code we recommend installing the official extension Svelte for VS Code. If you are using other editors you may need to install a plugin in order to get syntax highlighting and intellisense.

Building and running in production mode

To create an optimised version of the app:

npm run build

You can run the newly built app with npm run start. This uses sirv, which is included in your package.json's dependencies so that the app will work when you deploy to platforms like Heroku.

Single-page app mode

By default, sirv will only respond to requests that match files in public. This is to maximise compatibility with static fileservers, allowing you to deploy your app anywhere.

If you're building a single-page app (SPA) with multiple routes, sirv needs to be able to respond to requests for any path. You can make it so by editing the "start" command in package.json:

"start": "sirv public --single"

Top categories

Loading Svelte Themes