- Create and clone a new GitLab repository.
- Download and extract the Svelte Starter Template into the repository.
- Since your URL will be at a subdirectory (
https://username.gitlab.io/repository-name), make the references to the JS and CSS files in your
public/index.htmlfile relative. In other words, remove the leading
- Create a
.gitlab-ci.ymlfile at the top-level of the repository, with the following contents:
image: node:latest pages: stage: deploy script: - npm install - npm run build artifacts: paths: - public only: - master
This says, when there's a new commit on master (last line), use the
node:latest docker image to check-out the code and run
npm install and
npm run build commands.
Your site will now be live - find the URL under GitLab
Pages. Check the
CI/CD status page of your GitLab repository to see the status of the build process if you ever have issues with that. Unlike GitHub, the site is not public by default. To make it publicly accessible, go into GitLab
Visibility, project features, permissions and set
Everyone. Your site is now available!
Thanks to https://dev.to/bryce/how-to-automatically-deploy-to-gitlab-pages-w-ci-4iko for help on this process.