About This Site

I didn't want a plain old static HTML site!

Using SvelteKit and GitHub actions, I've created something a little more interesting while still publishing static files.

The Code

The SvelteKit project gets prerendered and deployed to GitHub Pages as a static site.

This site is made with the help of Svelte. SvelteKit provides file-based routing between different pages, and the static adapter turns each route into files GitHub Pages can serve.

Having already been very familiar with node js and frontend frameworks, it was a fun project.

The Pipeline

The pipeline I created using GitHub actions. I recently stumbled onto this and immediately wanted to learn to use it. Before, I had been using a Raspberry PI with jenkins installed. It is great having such a CI tool available 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 dev branch
• Installs npm packages
• Checks the Svelte project
• Builds the static SvelteKit site
• Deploys the build directory for GitHub Pages to serve