svelte-playground Svelte Themes

Svelte Playground

A Svelte template on Gitpod

This is a Svelte template configured for ephemeral development environments on Gitpod.

SvelteKit

If you are looking for a SvelteKit example, please use https://github.com/gitpod-io/template-sveltekit.

Next Steps

Click the button below to start a new development environment:

Get Started With Your Own Project

A new project

Click the above "Open in Gitpod" button to start a new workspace. Once you're ready to push your first code changes, Gitpod will guide you to fork this project so you own it.

An existing project

To get started with Svelte on Gitpod, add a .gitpod.yml file which contains the configuration to improve the developer experience on Gitpod. To learn more, please see the Getting Started documentation.

In addition, please perform the following steps:

  1. Set an environment variable
    export CLIENT_URL="$(gp url 35729)/livereload.js?snipver=1&port=443"
    
  2. Pass the env value to the livereload module in rollup.config.js:65
    !production && livereload({
      watch: 'public',
      clientUrl: process.env.CLIENT_URL
    }),
    
    This will set CLIENT_URL with the workspace url of 35729 (default port for livereload).

Top categories

Loading Svelte Themes