How to Build and Deploy Svelte project?

If you do not have code ready, you can fork the repository being used in this example:


We are going to deploy a hello-world application for Svelte, follow along to find different ways you can customise your Svelte deployment.


Choose your repo first: Choose repo

Next, select svelte deployment: Svelte select

To choose a correct NodeJS version, open up the terminal and type the command below:

$ node --version

Choose the major version output, e.g 16 or 14.

On the final screen, enter the following settings: svelte settings

Build command:

#Default build command
npm run build

#Run tests first
npm run test && npm run build


#For monorepo example

Port to expose:

#Choose port 80 as ssl is provided automatically

Deploy folder:

#svelte deploys into dist folder

Run command:

#Leave empty as nginx will be launched

After that you can visit your website and see how easy it was to deploy it: Deployed

The bonus is if you change your code in source control, the build will be automatically triggered and newest version will be deployed. Congratulations, you now have Continuous Build and Deployment.

Edit this page on GitHub Updated at Wed, May 17, 2023