Ewan Forbes Head in the cloud

About

I wanted to make something more interesting than a plain old static HTML site.

Using SvelteKit and GitHub Actions, I've created something a little more interesting.

The Code

Svelte is a great little front-end framework which is much neater than React and its screeds of JSX boilerplate. It's also lightning fast.

Having already been very familiar with Node.js and Svelte, it was a fun project.

The Pipeline

I created the pipeline using GitHub Actions. I'd like to take a moment to appreciate GitHub Actions. You can do so much for free!

A good pipeline setup automates boring, time-consuming manual tasks and eliminates the possibility of human error. Here is what mine does:

  • Triggered on push to default branch
  • Installs npm packages
  • Checks the Svelte project
  • Lints the code
  • Builds the static SvelteKit site
  • Uploads the build directory for GitHub Pages to serve

Ewan Forbes - DevOps Engineer

This site is made with SvelteKit and the Svelte static adapter. See the code here