Setting up my VPS on Hetzner
Aight! So, I’ve gone off of Fly.io, great service, I’ll probably come back to it in the future, but, now I’m going to set up my own VPS on Hetzner.
Ok, so I went over this in this in a post a while back. I was having issues deploying a SvelteKit app to Fly.io. The reasoning behind me wanting to use Fly is so that I can put the projects near where the users are, reducing latency and giving an all...
A couple of years ago I wrote a guide on setting up a web development environment on WSL using Fedora 35. I wanted to get an up to date version of Fedora to use in WSL so I went back to my guide and the link for the rootfs
file was a 404 on the repo ...
Real quick! I’m going to go through what I did to get a SvelteKit project deployed to Fly.io and how to set up environment variables. The back story is that I wasn’t getting the best response times from the project I deployed to Vercel for Building S...
What a catchy title! So, I thought it’d be a good idea to completely move away from using Airtable. I used Airtable for my short URL service I created and for various config options for the Let’s Work Together page on my site. I moved them all to Ups...
Ok, so, back at the start of the year, I switched from Revue (remember that? 😅) to Brevo (Send In Blue at the time) and made a concerted effort to use it as I paid quite a premium for it! There was some fun around setting up DKIM records for the doma...
Yesterday I switched my URL link shortener from Airtable to Upstash Redis. Airtable is great and I still use it for a couple of features on this site, the contact from being one of them. I am really enjoying using Upstash Redis for a lot of things no...
This is a how-to guide for adding a contact form to your SvelteKit site using Airtable to store the submissions and notify you when there is a new submission.
This is an update to the previous post I did on this, the recent changes to how you create ...
I came across this issue when adding real-time analytics to my site, essentially what I wanted to do was get some analytics data from a server endpoint and pass that to the page.
In SvelteKit you can have different ways to get data onto a page, which...
In this post I’ll be detailing how I implemented redirects for changed post routes in SvelteKit. I initially did this back in the Summer of 2021 but with the SvelteKit v1 release some things have changed.
For the Tl;Dr skip to the solution.
In this post, go over how to add environment variables to your GitHub Actions. I recently added environment variables to one of my GitHub projects recently and it stopped running.
In this case it was the environment variables for Fathom Analytics, wh...
I recently released a head component that can be used in Svelte projects and I wanted to add tests to it to make sure that it’s working as expected.
I decided to use Playwright to test the component as it comes with the SvelteKit CLI as a config opti...
Styling a scrollbar with Tailwind CSS for Chrome, Edge, Safari and Firefox. This is possible with vendor prefixes and pseudo-elements.
I touched on the configuration for this in the Change Text Highlight Color with Tailwind CSS post I did recently.
The latest version of KitQL dropped yesterday!
I’ve written about Getting Started with KitQL and GraphCMS in the past and there’s a few things that have changed between the two versions. Most notable to those are that KitQL has merged with Houdini. T...
Here’s some of the issues I faced when deploying a SvelteKit project using Prisma to Vercel.
I was following along with the awesome guide put together by Matia, on authentication with SvelteKit using cookies. By far the most comprehensive guide cover...
In this guide I’m going to detail upgrading Ubuntu on Windows Subsystem for Linux (WSL) from the current version 20.04 to 22.04 this the development build of Ubuntu 22.04 which is due to be released on 2022 April 21.
You can Tl;Dr and watch the video...
This is an updated guide on the post I did at the start of the year for setting up a web development environment on Windows with Windows Subsystem for Linux (WSL). This guide is intended for use to get set up with Fedora 35 on WSL.
This is my opinion...
I’ve had to make a copy of my current Ubuntu install for Windows Subsystem for Linux (WSL) and although I have written about this before but this time there were a few gotchas I want to cover here.
WSL moves pretty fast so a lot of the documentation ...
Having one place for all your social links is big business! Services like Linktree, ContactInBio, LinkBook, etc all offer the same sort of service. One location for all your social links.
This is a nice project as a proof of concept to get you set up...
Now I have a super sweet email pipeline for sending weekly emails thanks to Sam Larsen-Disney I’m going to document what I’ve learnt and what Sam taught me. (same thing, I guess) 😊
First up, I’d like to thank Sam for his patience walking me through t...
This is a specific use case for installing Google Chrome in Ubuntu on WSL.
On Ubuntu, Snap is the preferred method to install Chromium and although snap is on the WSL image you get from the Microsoft store it’s not functional. There is a solution unt...
Create a simple Node API on Vercel Serverless functions in under 20 minutes. But first some preamble!
A while back (3 years ago now!) I made a Positivity API, it was a really simple array of positive quotes that’s used in the #100DaysOfCode twitter b...
So this post started off with me getting GUI apps running on my Windows WSL install of Pengwin, but has now turned into doing it without the need to fork over the readies for Pengwin as now you can do it with Ubuntu or Debian (possibly others) which ...
The Gatsby File System Route API was announced recently and I have been having a play around with it. If you’re not familiar with it, it’s something like the dynamic routing you get with Next.js. If you’re not familiar with that either then it’s a wa...
This is a very specific issue myself and anyone that uses Gatsby and React router for navigating between headers in their Gatsby sites.
The issue has been documented several times now and the advice I have followed is to add a resolutions to my packa...
I started adding videos to my YouTube channel in November 2018, this was mainly intended as an accompaniment to the blog post I did to Get your GraphCMS data into Gatsby.
A the time I was using a web cam I’d bought off of Amazon for around £17, the q...
My beloved HAVIT KB395L keyboard left Ctrl key has started cutting out intermittently. As a developer all my coding revolves around that key saving changes and copy pasting.
This means that my code now breaks with a random s
in there where I thought ...
Fathom Analytics, a great tool to use for your site analytics without the compromise of giving your visitors data to Google.
I’ve written about How to Track Custom Events with Fathom in the past but since then Fathom have changed their tracking/embed...
In this guide I’m going to cover the configuring of your custom domain with Vercel’s Now platform using the Now CLI.
I’ll be primarily covering the steps you take after setting up an account with an email provider, the email provider I’m using is Zoh...
If you’re having issues with the clicks not scrolling to link IDs see Not scrolling to ID
The main purpose for me documenting this is to demonstrate implementing a table of contents with smooth scroll to the anchors in a Gatsby project using MDX.
I’m going to go over globally styling the Gatsby Default Starter with styled-components v5, I’ve done this in the past with styled-components v4 but I’ve changed my approach and want to document it.
I’ll be swapping out the styles included with a CSS...
In this guide I’m going to detail upgrading a Windows Subsystem Linux (WSL) Ubuntu install from the current version 18.04 to 19.10 this is an intermediary release before Ubuntu 20.04 is released on 2020 April 23.
I have documented this process in the...
I have been a Gatsby user since around v0 May 2017, at that time was using a template called Lumen and it was just what I needed at the time. Since then I have have gone from using a template to creating my blog.
Over the years I have made my own Pro...
Since publishing my last post on this Chris Biscardi has released an awesome MDX egghead.io course that goes over using MDX in a Gatsby application. If you want to see how the pros do it then take a look at the play list, it’s an egghead community re...
I’m a bit late to the party using the new React Context API, I did get to use it the other day at work, I also made a snippet to scaffold out a component for it.
I had followed a couple of guides explaining how to use it and neither of them as good a...
Copyright © 2017 - 2024 - All rights reserved Scott Spence