Scott Spence's Blog

I had this idea whilst working on a SvelteKit project to see if I could use the Marked package in place of MDSveX.

There were a couple of Tweets I saw in quick succession today along the lines of “Don’t create your own blog, write on someone else’s platform instead”.

So, I’ve started using Sendinblue for my transactional emails and newsletter.

I’ve now been using Fastmail for a year now.

Real quick!

Tailwind is cool, right?

Two situations over the last couple of days I’ve needed to do this and I’ve had to look up the code to do it.

For 2023 I’m going to note down my goals for the year.

In this post, go over how to add environment variables to your GitHub Actions.

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.

With the recent changes to SvelteKit which has invalidated a lot of content already out there, I want to make some notes on how to load data in SvelteKit.

I was playing around with Linode recently to try set up a PocketBase instance then I came across this guide on the PocketBase GitHub discussions.

In this guide I’ll be going through getting set up with the Universal React Query Library (URQL) in SvelteKit.

With SvelteKit in the past if you wanted to use a .env file secret that you didn’t want exposed on the client there was some additional config you needed to do.

I’ve been having a play around with Storyblok this evening and want to make some notes on getting set up with it.

Styling a scrollbar with Tailwind CSS for Chrome, Edge, Safari and Firefox.

Here’s some of the issues I faced when deploying a SvelteKit project using Prisma to Vercel.

How to change the highlight color of text on the page?

Quick guide to getting Debian WSL set up for web development.

I’ve started using TypeScript on every new project I start with Svelte.

I have several components that I use across a couple of my SvelteKit projects.

I’ve had this issue a couple of times now and want to document how to resolve it in most cases.

The Git username and email are the bare minimum needed for when working with Git to commit changes.

Skip links are internal links that allow you to skip to the main content of the page.

Secure Shell (SSH) is a secure way to connect with code repository hosts like GitLab, Bitbucket and of course GitHub.

I’ve always bundled in my Zsh config with other guides I’ve done in the past and never a stand alone post.

KitQL is a GraphQL client for Svelte.

URL shorteners, use them for when you want to share an easy to remember link.

In this how-to I’ll be walking through the process of creating a contact form in SvelteKit using Airtable for storing the submissions with no additional dependencies.

Do you ever watch a live stream and wonder how the chat is shown?

How do you filter a JavaScript object that has duplicate properties?

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.

I’ve now gone through quite a few mechanical keyboards in a relatively short time.

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).

If you want to fetch data from a GraphQL endpoint, you can use the browser fetch API without the need for any third party tools.

How to set up Tailwind CSS with Svelte, two examples here of adding Tailwind CSS to a new Svelte project. ℹ️ Please note at the time of writing SvelteKit is not at v1 but this will be the default way to create new Svelte projects when SvelteKit goes t...

I’ve started using Fastmail, here’s how I set it up with Vercel for use with my own domains.

In this guide I’ll go through the configuration needed to get set up with Fathom Analytics in a SvelteKit project.

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.

This guide has now been updated, take a look at Use URQL with SvelteKit for an up to date reference Use the Universal React Query Library (URQL) in Svelte!

Now that Windows 11 has been released I decided to switch from my Windows 11 insiders build and go over to my Windows 10 partition, reset it and start over on a fresh Windows 11 machine!

Six months ago today I started a new job as a developer advocate for GraphCMS.

Real quick example of how I used Promise.all to fetch data from multiple endpoints in SvelteKit.

I’ve been using Netlify recently to make a project that uses endpoints.

Bit of preamble before I kick this off, subscribers to my newsletter will know that I’ve been through a couple of platforms now (Zoho, SendGrid, Revue then Substack).

If you want to rank on Google (and other search engines) you need to be able to tell the world what your site consists of.

Having one place for all your social links is big business!

The indie web is alive and well and there are more and more people taking control and owning their online presence and also how they consume other content.

So SvelteKit is super awesome n’ all and the best thing ever but have you ever tried to use a .env secret that you didn’t want exposed on the client?

Over the last few weeks, I have been getting familiar with Svelte and SvelteKit in particular.