{ "tags": [ "airtable", "analytics", "animation", "api", "bios", "browser", "buttondown", "caching", "career", "ci-cd", "cli", "conference", "css", "css-in-js", "daisyui", "database", "debian", "docker", "domains", "e2e", "email", "extension", "fastmail", "fathom", "fedora", "freecodecamp", "gatsby", "getting-started", "git", "github", "graphcms", "graphql", "guide", "habits", "hardware", "hello-world", "hooks", "houdini", "how-to", "html", "jamstack", "javascript", "kitql", "learning", "linaria", "linux", "macos", "mail", "manjaro", "markdown", "mdx", "n", "netlify", "nextjs", "node", "notes", "npm", "obs", "planetscale", "playwright", "pocketbase", "prisma", "productivity", "protonmail", "react", "redis", "reference", "render", "resource", "robots.txt", "rss", "seo", "snippets", "speaking", "ssh", "storyblok", "streaming", "styled-components", "svelte", "sveltekit", "tailwind", "testing", "toast", "tools", "typescript", "ubuntu", "upstash", "vba", "vcs", "vercel", "vite", "vscode", "windows", "writing", "wsl", "zsh" ], "posts_by_tag": { "macos": [ { "id": 16, "date": "2023-11-04T00:00:00.000Z", "is_private": 0, "preview": "I don’t get it. I’ve used macOS for well over 4 years Windows for the\npast 20 and I have used Linux for 4 years. I’ve been using all these\nsystems for a long time and sometimes the snark get’s to me.\n\nI get it everyone has their preference, but...", "preview_html": "

I don’t get it. I’ve used macOS for well over 4 years Windows for the past 20 and I have used Linux for 4 years. I’ve been using all these systems for a long time and sometimes the snark get’s to me.

I get it everyone has their preference, but, this ...

", "reading_time_minutes": 6.045, "reading_time_text": "7 min read", "reading_time_seconds": 362700, "reading_time_words": 1209, "slug": "comparing-macos-windows-linux-experiences", "tags": "macos,windows,linux,notes", "title": "Comparing macOS, Windows, and Linux Experiences", "last_updated": "2023-12-02T20:16:00.455Z" } ], "windows": [ { "id": 16, "date": "2023-11-04T00:00:00.000Z", "is_private": 0, "preview": "I don’t get it. I’ve used macOS for well over 4 years Windows for the\npast 20 and I have used Linux for 4 years. I’ve been using all these\nsystems for a long time and sometimes the snark get’s to me.\n\nI get it everyone has their preference, but...", "preview_html": "

I get it everyone has their preference, but, this ...

", "reading_time_minutes": 6.045, "reading_time_text": "7 min read", "reading_time_seconds": 362700, "reading_time_words": 1209, "slug": "comparing-macos-windows-linux-experiences", "tags": "macos,windows,linux,notes", "title": "Comparing macOS, Windows, and Linux Experiences", "last_updated": "2023-12-02T20:16:00.455Z" }, { "id": 160, "date": "2023-10-07T00:00:00.000Z", "is_private": 0, "preview": "Real quick one for me! Future me that is!! I had to update the BIOS on\nmy motherboard, now a lot of manufacturers will recommend their\nsoftware which is usually hot garbage! Every time I try it I’m\nprompted to install virus protection and other...", "preview_html": "

Real quick one for me! Future me that is!! I had to update the BIOS on my motherboard, now a lot of manufacturers will recommend their software which is usually hot garbage! Every time I try it I’m prompted to install virus protection and other sketc...

", "reading_time_minutes": 1.855, "reading_time_text": "2 min read", "reading_time_seconds": 111300, "reading_time_words": 371, "slug": "updating-bios-on-motherboard", "tags": "windows,wsl,hardware,bios", "title": "Updating BIOS on Motherboard", "last_updated": "2023-11-30T20:12:15.851Z" }, { "id": 174, "date": "2022-04-18T00:00:00.000Z", "is_private": 0, "preview": "I’ve had this issue a couple of times now and want to document how to\nresolve it in most cases.\n\nThe latest time this happened to me was with the 22H2 insider preview\nWindows 11 update.", "preview_html": "

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

The latest time this happened to me was with the 22H2 insider preview Windows 11 update.

", "reading_time_minutes": 0.77, "reading_time_text": "1 min read", "reading_time_seconds": 46200, "reading_time_words": 154, "slug": "windows-update-download-error", "tags": "windows,how-to", "title": "How to Fix Windows Update Download Error", "last_updated": "2023-11-30T20:12:16.296Z" }, { "id": 180, "date": "2021-10-14T00:00:00.000Z", "is_private": 0, "preview": "Now that Windows 11 has been released I decided to switch from my\nWindows 11 insiders build and go over to my Windows 10 partition,\nreset it and start over on a fresh Windows 11 machine!\n\nIn the past getting set up with Windows Subsystem for Linux...", "preview_html": "

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!

In the past getting set up with Windows Subsystem for Linux (WS...

", "reading_time_minutes": 1.975, "reading_time_text": "2 min read", "reading_time_seconds": 118500, "reading_time_words": 395, "slug": "wsl-on-windows-11", "tags": "wsl,windows,ubuntu", "title": "Windows Subsystem for Linux on Windows 11", "last_updated": "2023-11-30T20:12:16.469Z" }, { "id": 173, "date": "2021-01-14T00:00:00.000Z", "is_private": 0, "preview": "I’ve been using the Windows Terminal now since the summer, it’s great\nand I now prefer it over Hyper which was my preferred terminal.\n\nWindows Terminal comes with a lot of options for configuration and a\nload more which I’ve only just discovered...", "preview_html": "

I’ve been using the Windows Terminal now since the summer, it’s great and I now prefer it over Hyper which was my preferred terminal.

Windows Terminal comes with a lot of options for configuration and a load more which I’ve only just discovered after...

", "reading_time_minutes": 7.795, "reading_time_text": "8 min read", "reading_time_seconds": 467700, "reading_time_words": 1559, "slug": "windows-terminal-config", "tags": "windows,resource,notes", "title": "Windows Terminal Config - Make it Your Own", "last_updated": "2023-11-30T20:12:16.271Z" } ], "linux": [ { "id": 16, "date": "2023-11-04T00:00:00.000Z", "is_private": 0, "preview": "I don’t get it. I’ve used macOS for well over 4 years Windows for the\npast 20 and I have used Linux for 4 years. I’ve been using all these\nsystems for a long time and sometimes the snark get’s to me.\n\nI get it everyone has their preference, but...", "preview_html": "

I get it everyone has their preference, but, this ...

", "reading_time_minutes": 6.045, "reading_time_text": "7 min read", "reading_time_seconds": 362700, "reading_time_words": 1209, "slug": "comparing-macos-windows-linux-experiences", "tags": "macos,windows,linux,notes", "title": "Comparing macOS, Windows, and Linux Experiences", "last_updated": "2023-12-02T20:16:00.455Z" }, { "id": 181, "date": "2021-12-08T00:00:00.000Z", "is_private": 0, "preview": "This is an updated guide on the post I did at the start of the year\nfor setting up a web development environment on Windows with Windows\nSubsystem for Linux (WSL). This guide is intended for use to get set\nup with Fedora 35 on WSL.\n\nThis is my...", "preview_html": "

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

", "reading_time_minutes": 6.935, "reading_time_text": "7 min read", "reading_time_seconds": 416100, "reading_time_words": 1387, "slug": "wsl-web-developer-setup-with-fedora-35", "tags": "fedora,linux,wsl", "title": "WSL Web Developer Setup with Fedora 35", "last_updated": "2023-11-30T20:12:16.492Z" }, { "id": 8, "date": "2021-11-02T00:00:00.000Z", "is_private": 0, "preview": "I’ve had to make a copy of my current Ubuntu install for Windows\nSubsystem for Linux (WSL) and although I have written about this\nbefore but this time there were a few gotchas I want to cover here.\n\nWSL moves pretty fast so a lot of the...", "preview_html": "

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

", "reading_time_minutes": 4.3, "reading_time_text": "5 min read", "reading_time_seconds": 258000, "reading_time_words": 860, "slug": "backup-ubuntu-wsl-instances", "tags": "wsl,ubuntu,linux,how-to", "title": "Backup Ubuntu in Windows Subsystem for Linux", "last_updated": "2023-12-02T20:15:58.927Z" }, { "id": 9, "date": "2021-03-24T00:00:00.000Z", "is_private": 0, "preview": "I have always liked using Windows Subsystem for Linux (WSL), I’d\nroutinely trash installs then reinstall them from the Microsoft store\nand have become quite adept at setting up new instances with\neverything I need to get back to coding as quickly as...", "preview_html": "

I have always liked using Windows Subsystem for Linux (WSL), I’d routinely trash installs then reinstall them from the Microsoft store and have become quite adept at setting up new instances with everything I need to get back to coding as quickly as ...

", "reading_time_minutes": 2.635, "reading_time_text": "3 min read", "reading_time_seconds": 158100, "reading_time_words": 527, "slug": "backup-wsl-installs", "tags": "wsl,fedora,linux", "title": "How to Backup Windows Subsystem for Linux distributions", "last_updated": "2023-12-02T20:15:59.108Z" }, { "id": 42, "date": "2021-01-06T00:00:00.000Z", "is_private": 0, "preview": "I have been having a blast playing around with configuring Fedora 33\nin Windows via Windows Subsystem for Linux, I didn’t know you could\nstraight up import a Linux distro and use it.\n\nIn this guide I’ll go through the complete setup needed to go...", "preview_html": "

I have been having a blast playing around with configuring Fedora 33 in Windows via Windows Subsystem for Linux, I didn’t know you could straight up import a Linux distro and use it.

In this guide I’ll go through the complete setup needed to go from ...

", "reading_time_minutes": 7.77, "reading_time_text": "8 min read", "reading_time_seconds": 466200, "reading_time_words": 1554, "slug": "fedora-bootstrap-from-scratch", "tags": "fedora,linux,wsl", "title": "WSL Web Developer Bootstrap with Fedora 33", "last_updated": "2023-12-02T20:16:05.096Z" }, { "id": 43, "date": "2021-01-05T00:00:00.000Z", "is_private": 0, "preview": "Fedora Remix for WSL was on sale for £2.51 so I thought I’d have a\nlook see and add it to the rest of the other WSL distros I have\ninstalled.\n\nAs I’m all jazzed about using Cypress in WSL I thought I’d give it a\ngo on Fedora.", "preview_html": "

Fedora Remix for WSL was on sale for £2.51 so I thought I’d have a look see and add it to the rest of the other WSL distros I have installed.

As I’m all jazzed about using Cypress in WSL I thought I’d give it a go on Fedora.

", "reading_time_minutes": 1.765, "reading_time_text": "2 min read", "reading_time_seconds": 105900, "reading_time_words": 353, "slug": "fedora-remix-for-wsl-gui-apps", "tags": "linux,notes,wsl", "title": "Fedora Remix for WSL GUI Apps", "last_updated": "2023-12-02T20:16:05.254Z" }, { "id": 162, "date": "2021-01-05T00:00:00.000Z", "is_private": 0, "preview": "This is a specific use case for installing Google Chrome in Ubuntu on\nWSL.\n\nOn Ubuntu, Snap is the preferred method to install Chromium and\nalthough snap is on the WSL image you get from the Microsoft store\nit’s not functional. There is a solution...", "preview_html": "

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

", "reading_time_minutes": 0.905, "reading_time_text": "1 min read", "reading_time_seconds": 54300, "reading_time_words": 181, "slug": "use-chrome-in-ubuntu-wsl", "tags": "guide,linux,ubuntu,wsl", "title": "Use Google Chrome in Ubuntu on Windows Subsystem Linux", "last_updated": "2023-11-30T20:12:15.900Z" }, { "id": 166, "date": "2020-12-13T00:00:00.000Z", "is_private": 0, "preview": "So I had a play around with the openSUSE Leap 15.2 you can get on the\nWindows store and after familiarising myself with it decided to see\nif I could use it for web development.\n\nWell, yeah, you can, that’s it, that’s the post!", "preview_html": "

So I had a play around with the openSUSE Leap 15.2 you can get on the Windows store and after familiarising myself with it decided to see if I could use it for web development.

Well, yeah, you can, that’s it, that’s the post!

", "reading_time_minutes": 2.625, "reading_time_text": "3 min read", "reading_time_seconds": 157500, "reading_time_words": 525, "slug": "using-opensuse-for-webdev", "tags": "linux,learning,guide", "title": "WSL openSUSE for web dev", "last_updated": "2023-11-30T20:12:16.091Z" }, { "id": 143, "date": "2020-07-15T00:00:00.000Z", "is_private": 0, "preview": "I switched from Ubuntu to Manjaro Linux, here’s how it went.\n\nSo for a while now I’ve been using Ubuntu, from when my old Asus\nTransformer Pro decided that it didn’t like running windows any more.", "preview_html": "

I switched from Ubuntu to Manjaro Linux, here’s how it went.

So for a while now I’ve been using Ubuntu, from when my old Asus Transformer Pro decided that it didn’t like running windows any more.

", "reading_time_minutes": 4.255, "reading_time_text": "5 min read", "reading_time_seconds": 255300, "reading_time_words": 851, "slug": "switching-to-manjaro-from-ubuntu", "tags": "manjaro,ubuntu,getting-started,linux", "title": "Switching to Manjaro from Ubuntu", "last_updated": "2023-12-02T20:16:21.384Z" } ], "notes": [ { "id": 16, "date": "2023-11-04T00:00:00.000Z", "is_private": 0, "preview": "I don’t get it. I’ve used macOS for well over 4 years Windows for the\npast 20 and I have used Linux for 4 years. I’ve been using all these\nsystems for a long time and sometimes the snark get’s to me.\n\nI get it everyone has their preference, but...", "preview_html": "

I get it everyone has their preference, but, this ...

", "reading_time_minutes": 6.045, "reading_time_text": "7 min read", "reading_time_seconds": 362700, "reading_time_words": 1209, "slug": "comparing-macos-windows-linux-experiences", "tags": "macos,windows,linux,notes", "title": "Comparing macOS, Windows, and Linux Experiences", "last_updated": "2023-12-02T20:16:00.455Z" }, { "id": 142, "date": "2023-10-01T00:00:00.000Z", "is_private": 0, "preview": "Ok, so, back at the start of the year, I switched from Revue (remember\nthat? 😅) to Brevo (Send In Blue at the time) and made a concerted\neffort to use it as I paid quite a premium for it! There was some fun\naround setting up DKIM records for the...", "preview_html": "

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

", "reading_time_minutes": 4.005, "reading_time_text": "4 min read", "reading_time_seconds": 240300, "reading_time_words": 801, "slug": "switching-from-brevo-to-buttondown", "tags": "notes,email,buttondown", "title": "Switching from Brevo to Buttondown", "last_updated": "2023-12-02T20:16:21.228Z" }, { "id": 74, "date": "2023-08-13T00:00:00.000Z", "is_private": 0, "preview": "I came across one of those infographic’s today detailing a couple of\nuses of the HTML tag and decided to dig a bit deeper into the\nuses for it and was quite surprised to find quite a few I didn’t know\nof.\n\nThis is a reference primarily for me...", "preview_html": "

I came across one of those infographic’s today detailing a couple of uses of the HTML input tag and decided to dig a bit deeper into the uses for it and was quite surprised to find quite a few I didn’t know of.

This is a reference primarily for me de...

", "reading_time_minutes": 2.55, "reading_time_text": "3 min read", "reading_time_seconds": 153000, "reading_time_words": 510, "slug": "html-input-types-and-uses", "tags": "html,notes", "title": "HTML Input Types and Uses", "last_updated": "2023-12-02T20:16:10.250Z" }, { "id": 127, "date": "2023-01-14T00:00:00.000Z", "is_private": 0, "preview": "There were a couple of Tweets I saw in quick succession today along\nthe lines of “Don’t create your own blog, write on someone else’s\nplatform instead”. Now, as someone that has been blogging since\nApril 2010 (since 2016 here) I can tell you it is...", "preview_html": "

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”. Now, as someone that has been blogging since April 2010 (since 2016 here) I can tell you it is ab...

", "reading_time_minutes": 14.4, "reading_time_text": "15 min read", "reading_time_seconds": 864000, "reading_time_words": 2880, "slug": "should-i-create-my-own-blog", "tags": "writing,seo,analytics,notes", "title": "Should I create my own blog?", "last_updated": "2023-12-02T20:16:18.760Z" }, { "id": 139, "date": "2022-08-07T00:00:00.000Z", "is_private": 0, "preview": "With SvelteKit in the past if you wanted to use a file secret\nthat you didn’t want exposed on the client there was some additional\nconfig you needed to do.\n\nVite exposes all variables contained in the file prefixed with\n to the client. If you...", "preview_html": "

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.

Vite exposes all variables contained in the .env file prefixed with VITE_ to the client. ...

", "reading_time_minutes": 1.535, "reading_time_text": "2 min read", "reading_time_seconds": 92100, "reading_time_words": 307, "slug": "sveltekit-environment-variables-with-the-sveltekit-env-module", "tags": "sveltekit,notes", "title": "SvelteKit Environment Variables with the SvelteKit $env Module", "last_updated": "2023-12-02T20:16:20.753Z" }, { "id": 35, "date": "2021-11-29T00:00:00.000Z", "is_private": 1, "preview": "Here’s an overview of the various ways to fetch data in Svelte. This\nwas inspired by a conversation I had on the Svelte Discord and goes\ninto detail on when and where to use each of the different methods.\n\n", "preview_html": "

Here’s an overview of the various ways to fetch data in Svelte. This was inspired by a conversation I had on the Svelte Discord and goes into detail on when and where to use each of the different methods.

", "reading_time_minutes": 2.4, "reading_time_text": "3 min read", "reading_time_seconds": 144000, "reading_time_words": 480, "slug": "data-fetching-in-svelte", "tags": "svelte,sveltekit,notes", "title": "Data Fetching in Svelte", "last_updated": "2023-12-02T20:16:03.970Z" }, { "id": 128, "date": "2021-09-26T00:00:00.000Z", "is_private": 0, "preview": "Six months ago today I started a new job as a developer advocate for\nGraphCMS. This has taken me by surprise as if feels like I’ve only\njust started still!\n\n", "preview_html": "

Six months ago today I started a new job as a developer advocate for GraphCMS. This has taken me by surprise as if feels like I’ve only just started still!

", "reading_time_minutes": 2.98, "reading_time_text": "3 min read", "reading_time_seconds": 178800, "reading_time_words": 596, "slug": "six-months-as-a-developer-advocate", "tags": "career,notes", "title": "Six Months as a Developer Advocate - a retrospective", "last_updated": "2023-12-02T20:16:18.920Z" }, { "id": 138, "date": "2021-06-22T00:00:00.000Z", "is_private": 0, "preview": "So SvelteKit is super awesome n’ all and the best thing ever but have\nyou ever tried to use a secret that you didn’t want exposed on\nthe client?\n\nSvelteKit uses Vite and it has a specific way to reference Env\nVariables and Modes, you reference a ...", "preview_html": "

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?

", "reading_time_minutes": 1.225, "reading_time_text": "2 min read", "reading_time_seconds": 73500, "reading_time_words": 245, "slug": "sveltekit-env-secrets", "tags": "sveltekit,notes", "title": "SvelteKit .env secrets", "last_updated": "2023-12-02T20:16:20.587Z" }, { "id": 18, "date": "2021-04-25T00:00:00.000Z", "is_private": 1, "preview": "I was listening to James Q Quick on his podcast, he was doing his\norigin story and there were some questions being asked and someone\nasked this question which got me thinking.\n\nDid you ever consider giving up?", "preview_html": "

I was listening to James Q Quick on his podcast, he was doing his origin story and there were some questions being asked and someone asked this question which got me thinking.

Did you ever consider giving up?

", "reading_time_minutes": 1.48, "reading_time_text": "2 min read", "reading_time_seconds": 88800, "reading_time_words": 296, "slug": "considered-quitting", "tags": "career,vba,notes", "title": "Ever Considered Quitting?", "last_updated": "2023-12-02T20:16:00.863Z" }, { "id": 126, "date": "2021-04-24T00:00:00.000Z", "is_private": 0, "preview": "Render is pretty neat!\n\nI’m still super early days but I have discovered the \nfiles that is the equivalent to the Amazon CDK (Cloud Development\nKit). The Amazon CDK is pretty powerful from what I can glean.", "preview_html": "

Render is pretty neat!

I’m still super early days but I have discovered the render.yml files that is the equivalent to the Amazon CDK (Cloud Development Kit). The Amazon CDK is pretty powerful from what I can glean.

", "reading_time_minutes": 1.69, "reading_time_text": "2 min read", "reading_time_seconds": 101400, "reading_time_words": 338, "slug": "setting-up-render", "tags": "render,notes,resource", "title": "Setting up Resources on Render", "last_updated": "2023-12-02T20:16:18.601Z" }, { "id": 102, "date": "2021-04-06T00:00:00.000Z", "is_private": 0, "preview": "I had a play around with Svelte the other day and wanted to make a few\nnotes and comparisons to React, React being a point of reference for\nme and hopefully others.\n\nI’ve found a lot of the examples here on Svelte Mastery", "preview_html": "

I had a play around with Svelte the other day and wanted to make a few notes and comparisons to React, React being a point of reference for me and hopefully others.

I’ve found a lot of the examples here on Svelte Mastery

", "reading_time_minutes": 4.88, "reading_time_text": "5 min read", "reading_time_seconds": 292800, "reading_time_words": 976, "slug": "notes-on-svelte", "tags": "notes,svelte", "title": "Notes on Svelte", "last_updated": "2023-12-02T20:16:14.747Z" }, { "id": 67, "date": "2021-03-28T00:00:00.000Z", "is_private": 0, "preview": "I was tagged into a conversation over on James Q Quick’s Discord about\ngrowth over the last year and it wasn’t until I sat down to write\nabout it that I realised I’ve done quite a bit over the last 12 months\nnow.\n\nMost of my content is written and...", "preview_html": "

I was tagged into a conversation over on James Q Quick’s Discord about growth over the last year and it wasn’t until I sat down to write about it that I realised I’ve done quite a bit over the last 12 months now.

Most of my content is written and sup...

", "reading_time_minutes": 1.875, "reading_time_text": "2 min read", "reading_time_seconds": 112500, "reading_time_words": 375, "slug": "growth-over-the-past-year", "tags": "notes", "title": "Growth over the Past Year", "last_updated": "2023-12-02T20:16:09.111Z" }, { "id": 134, "date": "2021-03-15T00:00:00.000Z", "is_private": 0, "preview": "When using Tailwind CSS in a Toast project I got a CSS warning\n when trying to use\nthe Tailwind directive.\n\nA quick Google gave me a stackoverflow result for using it in Vue but\nthe solution worked the same in Toast with one last...", "preview_html": "

When using Tailwind CSS in a Toast project I got a CSS warning semi-colon expected css(css-semicolonexpected) when trying to use the Tailwind @apply directive.

A quick Google gave me a stackoverflow result for using it in Vue but the solution worked ...

", "reading_time_minutes": 0.995, "reading_time_text": "1 min read", "reading_time_seconds": 59700, "reading_time_words": 199, "slug": "stylelint-configuration-for-tailwindcss", "tags": "tailwind,css,notes", "title": "Stylelint Configuration for use with Tailwind CSS", "last_updated": "2023-12-02T20:16:19.885Z" }, { "id": 101, "date": "2021-03-13T00:00:00.000Z", "is_private": 0, "preview": "I was directed to direnv by Chris Biscardi when I was trying to use\nsome environment variables in my Toast site.\n\nIn the past I have always reached for dotenv so taking a look at other\nToast sites I couldn’t find any that used it so I reached out...", "preview_html": "

I was directed to direnv by Chris Biscardi when I was trying to use some environment variables in my Toast site.

", "reading_time_minutes": 1.16, "reading_time_text": "2 min read", "reading_time_seconds": 69600, "reading_time_words": 232, "slug": "notes-on-direnv", "tags": "tools,cli,notes", "title": "Notes on direnv", "last_updated": "2023-12-02T20:16:14.592Z" }, { "id": 103, "date": "2021-03-13T00:00:00.000Z", "is_private": 0, "preview": "For the past couple of weeks I have slowly been getting a more\ncomfortable with Toast\n\nThe best way to do that would be to make a project with it, I decided\nto move my blog to Toast.", "preview_html": "

For the past couple of weeks I have slowly been getting a more comfortable with Toast

The best way to do that would be to make a project with it, I decided to move my blog to Toast.

", "reading_time_minutes": 1.205, "reading_time_text": "2 min read", "reading_time_seconds": 72300, "reading_time_words": 241, "slug": "notes-on-toast", "tags": "toast,jamstack,notes", "title": "Notes on Toast", "last_updated": "2023-12-02T20:16:14.905Z" }, { "id": 37, "date": "2021-02-02T00:00:00.000Z", "is_private": 0, "preview": "A sitemap is an important for Search Engine Optimisation (SEO) because\nit makes it easier for Google and other search engines to find your\nsite’s pages.\n\nGoogle ranks web pages not just websites. There is no downside of\nhaving an XML Sitemap and...", "preview_html": "

A sitemap is an important for Search Engine Optimisation (SEO) because it makes it easier for Google and other search engines to find your site’s pages.

Google ranks web pages not just websites. There is no downside of having an XML Sitemap and havin...

", "reading_time_minutes": 2.315, "reading_time_text": "3 min read", "reading_time_seconds": 138900, "reading_time_words": 463, "slug": "dynamic-sitemap-generation-with-nextjs-and-sanity", "tags": "nextjs,seo,notes", "title": "Sitemap Generation for Dynamic Routes In NextJS with the Sanity Client", "last_updated": "2023-12-02T20:16:04.304Z" }, { "id": 173, "date": "2021-01-14T00:00:00.000Z", "is_private": 0, "preview": "I’ve been using the Windows Terminal now since the summer, it’s great\nand I now prefer it over Hyper which was my preferred terminal.\n\nWindows Terminal comes with a lot of options for configuration and a\nload more which I’ve only just discovered...", "preview_html": "

I’ve been using the Windows Terminal now since the summer, it’s great and I now prefer it over Hyper which was my preferred terminal.

Windows Terminal comes with a lot of options for configuration and a load more which I’ve only just discovered after...

", "reading_time_minutes": 7.795, "reading_time_text": "8 min read", "reading_time_seconds": 467700, "reading_time_words": 1559, "slug": "windows-terminal-config", "tags": "windows,resource,notes", "title": "Windows Terminal Config - Make it Your Own", "last_updated": "2023-11-30T20:12:16.271Z" }, { "id": 43, "date": "2021-01-05T00:00:00.000Z", "is_private": 0, "preview": "Fedora Remix for WSL was on sale for £2.51 so I thought I’d have a\nlook see and add it to the rest of the other WSL distros I have\ninstalled.\n\nAs I’m all jazzed about using Cypress in WSL I thought I’d give it a\ngo on Fedora.", "preview_html": "

Fedora Remix for WSL was on sale for £2.51 so I thought I’d have a look see and add it to the rest of the other WSL distros I have installed.

As I’m all jazzed about using Cypress in WSL I thought I’d give it a go on Fedora.

", "reading_time_minutes": 1.765, "reading_time_text": "2 min read", "reading_time_seconds": 105900, "reading_time_words": 353, "slug": "fedora-remix-for-wsl-gui-apps", "tags": "linux,notes,wsl", "title": "Fedora Remix for WSL GUI Apps", "last_updated": "2023-12-02T20:16:05.254Z" }, { "id": 53, "date": "2021-01-02T00:00:00.000Z", "is_private": 0, "preview": "Ok this is a little snippet I’ve got set up to query data from the\nGitHub GraphQL API.\n\nI use this for getting data to work with in data visualisation tools,\nI’ve done it a couple of times now with my Gatsby site but now I’m\nattempting to do it in a...", "preview_html": "

Ok this is a little snippet I’ve got set up to query data from the GitHub GraphQL API.

I use this for getting data to work with in data visualisation tools, I’ve done it a couple of times now with my Gatsby site but now I’m attempting to do it in a s...

", "reading_time_minutes": 1.465, "reading_time_text": "2 min read", "reading_time_seconds": 87900, "reading_time_words": 293, "slug": "get-graphql-data-with-axios", "tags": "graphql,api,notes", "title": "Get GraphQL Data Using Axios", "last_updated": "2023-12-02T20:16:06.847Z" }, { "id": 97, "date": "2020-07-17T00:00:00.000Z", "is_private": 0, "preview": "For as long as I have been learning web development () I have been taking notes. Partly notes to help\nclarify my understanding of something and partly for future me.\n\nThat’s why I have my digital garden, an online collection of my\nlearning over the...", "preview_html": "

For as long as I have been learning web development () I have been taking notes. Partly notes to help clarify my understanding of something and partly for future me.

That’s why I have my digital garden, an online collection of my learning over the ye...

", "reading_time_minutes": 4.875, "reading_time_text": "5 min read", "reading_time_seconds": 292500, "reading_time_words": 975, "slug": "my-second-brain-zettelkasten", "tags": "habits,notes,vscode,resource,tools", "title": "My Second Brain - Zettelkasten", "last_updated": "2023-12-02T20:16:13.946Z" } ], "reference": [ { "id": 92, "date": "2023-10-23T00:00:00.000Z", "is_private": 0, "preview": "I was asking ChatGPT to read some posts from my site and summarise\nthem for me, I was a bit surprised when I got the response “I wasn’t\nable to directly access the URL you provided due to restrictions on\nthe webpage.” from the bot. It was then that...", "preview_html": "

I was asking ChatGPT to read some posts from my site and summarise them for me, I was a bit surprised when I got the response “I wasn’t able to directly access the URL you provided due to restrictions on the webpage.” from the bot. It was then that I...

", "reading_time_minutes": 6.585, "reading_time_text": "7 min read", "reading_time_seconds": 395100, "reading_time_words": 1317, "slug": "making-a-robots-txt-syntax-highlighter-for-vs-code", "tags": "reference,guide,vscode,extension,robots.txt", "title": "Making a robots.txt syntax highlighter for VS Code", "last_updated": "2023-12-02T20:16:13.144Z" } ], "guide": [ { "id": 92, "date": "2023-10-23T00:00:00.000Z", "is_private": 0, "preview": "I was asking ChatGPT to read some posts from my site and summarise\nthem for me, I was a bit surprised when I got the response “I wasn’t\nable to directly access the URL you provided due to restrictions on\nthe webpage.” from the bot. It was then that...", "preview_html": "

", "reading_time_minutes": 6.585, "reading_time_text": "7 min read", "reading_time_seconds": 395100, "reading_time_words": 1317, "slug": "making-a-robots-txt-syntax-highlighter-for-vs-code", "tags": "reference,guide,vscode,extension,robots.txt", "title": "Making a robots.txt syntax highlighter for VS Code", "last_updated": "2023-12-02T20:16:13.144Z" }, { "id": 20, "date": "2023-10-07T00:00:00.000Z", "is_private": 0, "preview": "What a catchy title! So, I thought it’d be a good idea to completely\nmove away from using Airtable. I used Airtable for my short URL\nservice I created and for various config options for the Let’s Work\nTogether page on my site. I moved them all to...", "preview_html": "

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

", "reading_time_minutes": 10.735, "reading_time_text": "11 min read", "reading_time_seconds": 644100, "reading_time_words": 2147, "slug": "contact-form-send-email-from-site", "tags": "fastmail,guide,resource,email", "title": "Contact Form Send Email From Site with Fastmail", "last_updated": "2023-12-02T20:16:01.228Z" }, { "id": 135, "date": "2023-05-21T00:00:00.000Z", "is_private": 0, "preview": "This is a how-to guide for adding a contact form to your SvelteKit\nsite using Airtable to store the submissions and notify you when there\nis a new submission.\n\nThis is an update to the previous post I did on this, the recent\nchanges to how you...", "preview_html": "

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

", "reading_time_minutes": 14.325, "reading_time_text": "15 min read", "reading_time_seconds": 859500, "reading_time_words": 2865, "slug": "sveltekit-contact-form-example-with-airtable", "tags": "sveltekit,how-to,guide,airtable", "title": "SvelteKit Contact Form Example with Airtable", "last_updated": "2023-12-02T20:16:20.055Z" }, { "id": 119, "date": "2023-02-20T00:00:00.000Z", "is_private": 0, "preview": "Here’s a real quick one on making sure you don’t blow your crawl\nbudget on your SvelteKit project JavaScript files.\n\nI noticed this ago and didn’t write\nabout it. Tangentially related, I’ve recently been having a bit of a\nmare with Google indexing...", "preview_html": "

Here’s a real quick one on making sure you don’t blow your crawl budget on your SvelteKit project JavaScript files.

I noticed this ago and didn’t write about it. Tangentially related, I’ve recently been having a bit of a mare with Google indexing thi...

", "reading_time_minutes": 1.475, "reading_time_text": "2 min read", "reading_time_seconds": 88500, "reading_time_words": 295, "slug": "robots-txt-file-for-sveltekit-projects", "tags": "sveltekit,guide,seo", "title": "Robots.txt file for SvelteKit projects", "last_updated": "2023-12-02T20:16:17.477Z" }, { "id": 71, "date": "2023-02-06T00:00:00.000Z", "is_private": 0, "preview": "In this post I’ll be detailing how I implemented redirects for changed\npost routes in SvelteKit. I initially did this back in the Summer of\n2021 but with the SvelteKit v1 release some things have changed.\n\nFor the Tl;Dr skip to the solution.", "preview_html": "

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.

", "reading_time_minutes": 4.385, "reading_time_text": "5 min read", "reading_time_seconds": 263100, "reading_time_words": 877, "slug": "how-to-implement-redirects-for-changed-post-routes-in-sveltekit", "tags": "sveltekit,seo,guide,how-to", "title": "How to Implement Redirects for Changed Post Routes in Sveltekit", "last_updated": "2023-12-02T20:16:09.758Z" }, { "id": 179, "date": "2023-01-22T00:00:00.000Z", "is_private": 0, "preview": "If, like me, you’re on the Windows Insider Programme Dev channel and\nyou use Windows Subsystem for Linux (WSL) for your web development\nthen you may have noticed some weird dev server behaviour recently.\n\nBehaviour like, starting the dev server...", "preview_html": "

If, like me, you’re on the Windows Insider Programme Dev channel and you use Windows Subsystem for Linux (WSL) for your web development then you may have noticed some weird dev server behaviour recently.

Behaviour like, starting the dev server, then ...

", "reading_time_minutes": 1.93, "reading_time_text": "2 min read", "reading_time_seconds": 115800, "reading_time_words": 386, "slug": "wsl-dev-server-not-working-on-v1.1.0-try-this", "tags": "wsl,guide", "title": "WSL Dev Server Not Working on v1.1.0? Try this!", "last_updated": "2023-11-30T20:12:16.445Z" }, { "id": 5, "date": "2023-01-20T00:00:00.000Z", "is_private": 0, "preview": "So, I just found that the SPF record on my Fastmail account for\nscottspence.com was throwing a verification error. I didn’t really\nknow what the SPF record was for until this point and I had to\nresearch why it was failing on Fastmail.\n\nSo, I did a...", "preview_html": "

So, I just found that the SPF record on my Fastmail account for scottspence.com was throwing a verification error. I didn’t really know what the SPF record was for until this point and I had to research why it was failing on Fastmail.

So, I did a pos...

", "reading_time_minutes": 1.44, "reading_time_text": "2 min read", "reading_time_seconds": 86400, "reading_time_words": 288, "slug": "adding-multiple-spf-records-with-vercel", "tags": "domains,guide,resource", "title": "Adding multiple SPF records with Vercel", "last_updated": "2023-12-02T20:15:58.387Z" }, { "id": 3, "date": "2023-01-09T00:00:00.000Z", "is_private": 0, "preview": "So, I’ve started using Sendinblue for my transactional emails and\nnewsletter. There’s the usual configuration to do with these services\nto add and configure your domain with them to show it as the sender.\n\nI’ve documented that process of Setting up...", "preview_html": "

So, I’ve started using Sendinblue for my transactional emails and newsletter. There’s the usual configuration to do with these services to add and configure your domain with them to show it as the sender.

I’ve documented that process of Setting up Fa...

", "reading_time_minutes": 2.64, "reading_time_text": "3 min read", "reading_time_seconds": 158400, "reading_time_words": 528, "slug": "adding-dkim-records-to-vercel", "tags": "domains,guide,resource", "title": "Adding DKIM records to Vercel", "last_updated": "2023-12-02T20:15:58.028Z" }, { "id": 122, "date": "2022-10-02T00:00:00.000Z", "is_private": 0, "preview": "I was playing around with Linode recently to try set up a PocketBase\ninstance then I came across this guide on the PocketBase GitHub\ndiscussions.\n\nThe whole thing took around ten minutes and I now have a SQLite\ndatabase I can read/write to.", "preview_html": "

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.

The whole thing took around ten minutes and I now have a SQLite database I can read/write to.

", "reading_time_minutes": 3.57, "reading_time_text": "4 min read", "reading_time_seconds": 214200, "reading_time_words": 714, "slug": "set-up-free-pocketbase-db", "tags": "pocketbase,database,docker,guide", "title": "Set up a free PocketBase database with Fly.io", "last_updated": "2023-12-02T20:16:17.960Z" }, { "id": 55, "date": "2022-07-19T00:00:00.000Z", "is_private": 0, "preview": "I’ve been having a play around with Storyblok this evening and want to\nmake some notes on getting set up with it.\n\nWith the moving target that is the public beta of SvelteKit there’s a\nfew things that have changed recently which I want to document...", "preview_html": "

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

With the moving target that is the public beta of SvelteKit there’s a few things that have changed recently which I want to document her...

", "reading_time_minutes": 11.795, "reading_time_text": "12 min read", "reading_time_seconds": 707700, "reading_time_words": 2359, "slug": "getting-set-up-with-storyblok-and-sveltekit", "tags": "sveltekit,storyblok,how-to,guide", "title": "Getting set up with Storyblok and SvelteKit", "last_updated": "2023-12-02T20:16:07.163Z" }, { "id": 51, "date": "2022-05-22T00:00:00.000Z", "is_private": 0, "preview": "Quick guide to getting Debian WSL set up for web development.\n\nYou can install Debian from the Windows Store and get started\nstraight away with using it, but there’s a few things missing.", "preview_html": "

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

You can install Debian from the Windows Store and get started straight away with using it, but there’s a few things missing.

", "reading_time_minutes": 1.09, "reading_time_text": "2 min read", "reading_time_seconds": 65400, "reading_time_words": 218, "slug": "get-debian-wsl-set-up-for-web-development", "tags": "wsl,debian,guide", "title": "Get Debian WSL Set Up For Web Development", "last_updated": "2023-12-02T20:16:06.532Z" }, { "id": 156, "date": "2022-05-13T00:00:00.000Z", "is_private": 0, "preview": "I’ve started using TypeScript on every new project I start with\nSvelte. My buddy Jamie Barton has helped me out with getting set up\nwith the GraphQL Code Generator so that data is typed in the project.\n\nThis is a just so you know kind of guide as...", "preview_html": "

I’ve started using TypeScript on every new project I start with Svelte. My buddy Jamie Barton has helped me out with getting set up with the GraphQL Code Generator so that data is typed in the project.

This is a just so you know kind of guide as ther...

", "reading_time_minutes": 5.545, "reading_time_text": "6 min read", "reading_time_seconds": 332700, "reading_time_words": 1109, "slug": "typescript-wit-sveltekit-example", "tags": "typescript,svelte,sveltekit,graphql,guide", "title": "GraphQL Code Generator with SvelteKit and TypeScript Example", "last_updated": "2023-11-30T20:12:15.736Z" }, { "id": 99, "date": "2022-04-14T00:00:00.000Z", "is_private": 0, "preview": "I’ve always bundled in my Zsh config with other guides I’ve done in\nthe past and never a stand alone post. So I’m making this now for my\nreference.\n\nI switched to Zsh around two years ago after being a long time Fish\nshell user. The reason for the...", "preview_html": "

I’ve always bundled in my Zsh config with other guides I’ve done in the past and never a stand alone post. So I’m making this now for my reference.

I switched to Zsh around two years ago after being a long time Fish shell user. The reason for the swi...

", "reading_time_minutes": 4.885, "reading_time_text": "5 min read", "reading_time_seconds": 293100, "reading_time_words": 977, "slug": "my-zsh-config", "tags": "zsh,guide", "title": "My Zsh Config", "last_updated": "2023-12-02T20:16:14.276Z" }, { "id": 89, "date": "2022-03-09T00:00:00.000Z", "is_private": 0, "preview": "URL shorteners, use them for when you want to share an easy to\nremember link. You can use a service like Bitly or TinyURL or any of\nthe other ones out there already, or you could make it something you’d\nwant to use and have a bit more of a...", "preview_html": "

URL shorteners, use them for when you want to share an easy to remember link. You can use a service like Bitly or TinyURL or any of the other ones out there already, or you could make it something you’d want to use and have a bit more of a connection...

", "reading_time_minutes": 6.26, "reading_time_text": "7 min read", "reading_time_seconds": 375600, "reading_time_words": 1252, "slug": "make-a-url-shortener-with-sveltekit", "tags": "how-to,svelte,guide,airtable", "title": "Make a URL Shortener with SvelteKit", "last_updated": "2023-12-02T20:16:12.636Z" }, { "id": 157, "date": "2022-01-18T00:00:00.000Z", "is_private": 0, "preview": "In this guide I’m going to detail upgrading Ubuntu on Windows\nSubsystem for Linux (WSL) from the current version 20.04 to 22.04 this\nthe development build of Ubuntu 22.04 which is due to be released on\n2022 April 21.\n\nYou can Tl;Dr and watch...", "preview_html": "

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

", "reading_time_minutes": 3.89, "reading_time_text": "4 min read", "reading_time_seconds": 233400, "reading_time_words": 778, "slug": "update-ubuntu-from-20.04-to-21.10", "tags": "wsl,guide,ubuntu", "title": "Upgrade Ubuntu on Windows Subsystem for Linux from 20.04 to 22.04", "last_updated": "2023-11-30T20:12:15.766Z" }, { "id": 124, "date": "2021-11-11T00:00:00.000Z", "is_private": 0, "preview": "I’ve started using Fastmail, here’s how I set it up with Vercel for\nuse with my own domains.\n\nIf you’re interested in giving Fastmail a go then you can use my\nreferral code for a 10% discount on the first year of Fastmail.", "preview_html": "

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

If you’re interested in giving Fastmail a go then you can use my referral code for a 10% discount on the first year of Fastmail.

", "reading_time_minutes": 1.125, "reading_time_text": "2 min read", "reading_time_seconds": 67500, "reading_time_words": 225, "slug": "setting-up-fastmail-with-vercel", "tags": "domains,guide,resource,fastmail", "title": "Setting up Fastmail with Vercel", "last_updated": "2023-12-02T20:16:18.285Z" }, { "id": 88, "date": "2021-08-21T00:00:00.000Z", "is_private": 0, "preview": "If you want to rank on Google (and other search engines) you need to\nbe able to tell the world what your site consists of. A sitemap is\nused by the Googlebot, BingBot, DuckDuckBot and other search engines\nto tell them what pages are available.\n\nThis...", "preview_html": "

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. A sitemap is used by the Googlebot, BingBot, DuckDuckBot and other search engines to tell them what pages are available.

This g...

", "reading_time_minutes": 5.545, "reading_time_text": "6 min read", "reading_time_seconds": 332700, "reading_time_words": 1109, "slug": "make-a-sitemap-with-sveltekit", "tags": "svelte,sveltekit,seo,guide,how-to", "title": "Make a Sitemap with SvelteKit", "last_updated": "2023-12-02T20:16:12.469Z" }, { "id": 106, "date": "2021-08-12T00:00:00.000Z", "is_private": 0, "preview": "Having one place for all your social links is big business! Services\nlike Linktree, ContactInBio, LinkBook, etc all offer the same\nsort of service. One location for all your social links.\n\nThis is a nice project as a proof of concept to get you set...", "preview_html": "

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

", "reading_time_minutes": 2.035, "reading_time_text": "3 min read", "reading_time_seconds": 122100, "reading_time_words": 407, "slug": "once-click-links-page", "tags": "jamstack,vercel,netlify,guide,tailwind", "title": "Deploy Your Own Links Page with One Click", "last_updated": "2023-12-02T20:16:15.390Z" }, { "id": 90, "date": "2021-08-09T00:00:00.000Z", "is_private": 0, "preview": "The indie web is alive and well and there are more and more people\ntaking control and owning their online presence and also how they\nconsume other content. One way to help consumers of your site know\nthat there is new content available is by making...", "preview_html": "

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. One way to help consumers of your site know that there is new content available is by making y...

", "reading_time_minutes": 4.945, "reading_time_text": "5 min read", "reading_time_seconds": 296700, "reading_time_words": 989, "slug": "make-an-rss-feed-with-sveltekit", "tags": "svelte,sveltekit,rss,guide,how-to", "title": "Make an RSS Feed for your SvelteKit Project", "last_updated": "2023-12-02T20:16:12.816Z" }, { "id": 118, "date": "2021-04-20T00:00:00.000Z", "is_private": 0, "preview": "The Gatsby offline plugin is really handy right up until you don’t\nwant it any more!\n\nI switched my main site over to Toast from Gatsby and hit a bump when\nit came to removing the old Gatsby site because it used a service\nworker meant that the new...", "preview_html": "

The Gatsby offline plugin is really handy right up until you don’t want it any more!

I switched my main site over to Toast from Gatsby and hit a bump when it came to removing the old Gatsby site because it used a service worker meant that the new sit...

", "reading_time_minutes": 1.51, "reading_time_text": "2 min read", "reading_time_seconds": 90600, "reading_time_words": 302, "slug": "remove-service-worker", "tags": "gatsby,guide,resource", "title": "Remove Service Worker - Gatsby", "last_updated": "2023-12-02T20:16:17.315Z" }, { "id": 125, "date": "2021-02-26T00:00:00.000Z", "is_private": 0, "preview": "In this post I’m detailing how I set up my domain with ProtonMail and\nVercel, this is mainly the CLI commands that are needed to get set up\nwith ProtonMail and Vercel.\n\nI’ve decided to give ProtonMail a shot, I have lost faith in Google\nbeing a...", "preview_html": "

In this post I’m detailing how I set up my domain with ProtonMail and Vercel, this is mainly the CLI commands that are needed to get set up with ProtonMail and Vercel.

I’ve decided to give ProtonMail a shot, I have lost faith in Google being a force ...

", "reading_time_minutes": 2.715, "reading_time_text": "3 min read", "reading_time_seconds": 162900, "reading_time_words": 543, "slug": "setting-up-proton-mail-with-vercel", "tags": "domains,guide,resource", "title": "Setting up ProtonMail with Vercel", "last_updated": "2023-12-02T20:16:18.446Z" }, { "id": 120, "date": "2021-02-14T00:00:00.000Z", "is_private": 1, "preview": "Now I have a super sweet email pipeline for sending weekly emails\nthanks to Sam Larsen-Disney I’m going to document what I’ve learnt\nand what Sam taught me. (same thing, I guess) 😊\n\nFirst up, I’d like to thank Sam for his patience walking me...", "preview_html": "

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

", "reading_time_minutes": 1.59, "reading_time_text": "2 min read", "reading_time_seconds": 95400, "reading_time_words": 318, "slug": "sending-emails-with-sendgrid", "tags": "guide,domains,email", "title": "Sending Emails With Twilio SendGrid", "last_updated": "2023-12-02T20:16:17.645Z" }, { "id": 162, "date": "2021-01-05T00:00:00.000Z", "is_private": 0, "preview": "This is a specific use case for installing Google Chrome in Ubuntu on\nWSL.\n\nOn Ubuntu, Snap is the preferred method to install Chromium and\nalthough snap is on the WSL image you get from the Microsoft store\nit’s not functional. There is a solution...", "preview_html": "

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

", "reading_time_minutes": 0.905, "reading_time_text": "1 min read", "reading_time_seconds": 54300, "reading_time_words": 181, "slug": "use-chrome-in-ubuntu-wsl", "tags": "guide,linux,ubuntu,wsl", "title": "Use Google Chrome in Ubuntu on Windows Subsystem Linux", "last_updated": "2023-11-30T20:12:15.900Z" }, { "id": 26, "date": "2020-12-31T00:00:00.000Z", "is_private": 1, "preview": "I was asked to create a simple auth from at work, this tweet\nimmediately sprang to mind.\n\n", "preview_html": "

I was asked to create a simple auth from at work, this tweet immediately sprang to mind.

", "reading_time_minutes": 0.345, "reading_time_text": "1 min read", "reading_time_seconds": 20700, "reading_time_words": 69, "slug": "creat-a-html-auth-form", "tags": "learning,guide", "title": "Create a Simple Auth Form in HTML, CSS and JavaScript", "last_updated": "2023-12-02T20:16:02.283Z" }, { "id": 27, "date": "2020-12-31T00:00:00.000Z", "is_private": 0, "preview": "Create a Video overlay with React hooks.\n\nI had to create a video overlay for a project I was working on. This\nexample use a portal to render the player with .", "preview_html": "

Create a Video overlay with React hooks.

I had to create a video overlay for a project I was working on. This example use a portal to render the player with react-player.

", "reading_time_minutes": 1.915, "reading_time_text": "2 min read", "reading_time_seconds": 114900, "reading_time_words": 383, "slug": "create-a-video-overlay-with-hooks", "tags": "learning,guide,hooks,react", "title": "Create a Video Overlay with Hooks", "last_updated": "2023-12-02T20:16:02.485Z" }, { "id": 110, "date": "2020-12-31T00:00:00.000Z", "is_private": 0, "preview": "For the past couple of weeks now I have been getting familiar with\nPreact and the Preact CLI.\n\nIt’s great, it’s similar to React", "preview_html": "

For the past couple of weeks now I have been getting familiar with Preact and the Preact CLI.

It’s great, it’s similar to React

", "reading_time_minutes": 1.165, "reading_time_text": "2 min read", "reading_time_seconds": 69900, "reading_time_words": 233, "slug": "preact-getting-started", "tags": "learning,guide", "title": "Getting started with Preact and the Preact CLI", "last_updated": "2023-12-02T20:16:16.036Z" }, { "id": 87, "date": "2020-12-27T00:00:00.000Z", "is_private": 0, "preview": "Create a simple Node API on Vercel Serverless functions in under 20\nminutes. But first some preamble!\n\nA while back (3 years ago now!) I made a Positivity API, it was a\nreally simple array of positive quotes that’s used in the\n#100DaysOfCode twitter...", "preview_html": "

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

", "reading_time_minutes": 5.64, "reading_time_text": "6 min read", "reading_time_seconds": 338400, "reading_time_words": 1128, "slug": "make-a-simple-api-endpoint-with-vercel", "tags": "api,vercel,guide", "title": "Make a Simple API Endpoint with Vercel Serverless Functions", "last_updated": "2023-12-02T20:16:12.310Z" }, { "id": 47, "date": "2020-12-14T00:00:00.000Z", "is_private": 0, "preview": "As a developer you spend a lot of time in the terminal so it’s\nimportant to be happy and as productive as possible whilst you’re in\nthere.\n\nThis is why I’m a big fan of the Fish Shell in particular. The Fish\nShell is a user friendly shell with...", "preview_html": "

As a developer you spend a lot of time in the terminal so it’s important to be happy and as productive as possible whilst you’re in there.

This is why I’m a big fan of the Fish Shell in particular. The Fish Shell is a user friendly shell with really ...

", "reading_time_minutes": 4.405, "reading_time_text": "5 min read", "reading_time_seconds": 264300, "reading_time_words": 881, "slug": "fish-shell-introduction", "tags": "learning,guide", "title": "Fish Shell Introduction", "last_updated": "2023-12-02T20:16:05.907Z" }, { "id": 166, "date": "2020-12-13T00:00:00.000Z", "is_private": 0, "preview": "So I had a play around with the openSUSE Leap 15.2 you can get on the\nWindows store and after familiarising myself with it decided to see\nif I could use it for web development.\n\nWell, yeah, you can, that’s it, that’s the post!", "preview_html": "

So I had a play around with the openSUSE Leap 15.2 you can get on the Windows store and after familiarising myself with it decided to see if I could use it for web development.

Well, yeah, you can, that’s it, that’s the post!

", "reading_time_minutes": 2.625, "reading_time_text": "3 min read", "reading_time_seconds": 157500, "reading_time_words": 525, "slug": "using-opensuse-for-webdev", "tags": "linux,learning,guide", "title": "WSL openSUSE for web dev", "last_updated": "2023-11-30T20:12:16.091Z" }, { "id": 68, "date": "2020-12-09T00:00:00.000Z", "is_private": 0, "preview": "So this post started off with me getting GUI apps running on my\nWindows WSL install of Pengwin, but has now turned into doing it\nwithout the need to fork over the readies for Pengwin as now you can\ndo it with Ubuntu or Debian (possibly others) which...", "preview_html": "

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

", "reading_time_minutes": 8.75, "reading_time_text": "9 min read", "reading_time_seconds": 525000, "reading_time_words": 1750, "slug": "gui-with-wsl", "tags": "wsl,testing,guide", "title": "Enable GUIs on Windows Subsystem Linux (WSL)", "last_updated": "2023-12-02T20:16:09.270Z" }, { "id": 184, "date": "2020-12-08T00:00:00.000Z", "is_private": 0, "preview": "Sooooooo, so, so, so, Zsh is pretty neat, right?\n\nI’ve been a long time fan of the Fish shell, but I recently had to go\nfull on with a Zsh shell and decided to give it a proper go.", "preview_html": "

Sooooooo, so, so, so, Zsh is pretty neat, right?

", "reading_time_minutes": 4.12, "reading_time_text": "5 min read", "reading_time_seconds": 247200, "reading_time_words": 824, "slug": "zsh-and-oh-my-zsh", "tags": "zsh,learning,guide", "title": "Notes on Zsh and Oh My Zsh", "last_updated": "2023-11-30T20:12:16.567Z" }, { "id": 56, "date": "2020-11-21T00:00:00.000Z", "is_private": 0, "preview": "Ok, so this is another one of those “let’s use a new CSS-in-JS library\non a Gatsby default starter project” post.\n\nIn this case it’s Chakra UI, it’s recently gone v1 and I’m keen to use\nit.", "preview_html": "

Ok, so this is another one of those “let’s use a new CSS-in-JS library on a Gatsby default starter project” post.

In this case it’s Chakra UI, it’s recently gone v1 and I’m keen to use it.

", "reading_time_minutes": 8.15, "reading_time_text": "9 min read", "reading_time_seconds": 489000, "reading_time_words": 1630, "slug": "getting-started-chakra-ui-gatsby", "tags": "gatsby,getting-started,guide", "title": "Chakra UI and Gatsby - Getting Started", "last_updated": "2023-12-02T20:16:07.325Z" }, { "id": 108, "date": "2020-11-01T00:00:00.000Z", "is_private": 0, "preview": "This is a very specific issue myself and anyone that uses Gatsby and\nReact router for navigating between headers in their Gatsby sites.\n\nThe issue has been documented several times now and the advice I\nhave followed is to add a resolutions to my ...", "preview_html": "

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

", "reading_time_minutes": 2.855, "reading_time_text": "3 min read", "reading_time_seconds": 171300, "reading_time_words": 571, "slug": "patching-gatsby-react-router-scroll", "tags": "learning,guide,resource", "title": "Patching Gatsby React Router Scroll with patch-package", "last_updated": "2023-12-02T20:16:15.711Z" }, { "id": 58, "date": "2020-10-08T00:00:00.000Z", "is_private": 0, "preview": "I started adding videos to my YouTube channel in November 2018, this\nwas mainly intended as an accompaniment to the blog post I did to Get\nyour GraphCMS data into Gatsby.\n\nA the time I was using a web cam I’d bought off of Amazon for around\n£17, the...", "preview_html": "

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

", "reading_time_minutes": 10.57, "reading_time_text": "11 min read", "reading_time_seconds": 634200, "reading_time_words": 2114, "slug": "getting-started-with-youtube", "tags": "getting-started,guide,resource", "title": "Getting Started with Creating YouTube Videos", "last_updated": "2023-12-02T20:16:07.634Z" }, { "id": 175, "date": "2020-09-17T00:00:00.000Z", "is_private": 0, "preview": "Here it is kids! All I know about Markdown. First! The standard\npreamble…\n\nBefore that though! Some of the possible titles I came up with before\nwriting this:", "preview_html": "

Here it is kids! All I know about Markdown. First! The standard preamble…

Before that though! Some of the possible titles I came up with before writing this:

", "reading_time_minutes": 10.315, "reading_time_text": "11 min read", "reading_time_seconds": 618900, "reading_time_words": 2063, "slug": "writing-with-markdown", "tags": "markdown,getting-started,guide", "title": "Markdown Showdown - All I Know About Markdown", "last_updated": "2023-11-30T20:12:16.319Z" }, { "id": 72, "date": "2020-09-02T00:00:00.000Z", "is_private": 0, "preview": "I recently started monetising my blog, (don’t worry there’s no\npaywall!) this isn’t a new thing as I originally did something similar\nwith Brave and the Basic Attention Token (BAT) back in 2018 on\nscottspence.me.\n\nSo what is web monetisation? It’s...", "preview_html": "

I recently started monetising my blog, (don’t worry there’s no paywall!) this isn’t a new thing as I originally did something similar with Brave and the Basic Attention Token (BAT) back in 2018 on scottspence.me.

So what is web monetisation? It’s an ...

", "reading_time_minutes": 4.44, "reading_time_text": "5 min read", "reading_time_seconds": 266400, "reading_time_words": 888, "slug": "how-to-monetise-your-content", "tags": "learning,guide", "title": "How to Monetise Your Content With Coil and Brave BAT", "last_updated": "2023-12-02T20:16:09.926Z" }, { "id": 177, "date": "2020-08-26T00:00:00.000Z", "is_private": 0, "preview": "Yo! It’s that time again!!\n\nThis is an opinionated guide on setting up a development environment\nfor web development in widows that will use the requisite tools, Bash,\nNode, Git, VS Code etc…", "preview_html": "

Yo! It’s that time again!!

This is an opinionated guide on setting up a development environment for web development in widows that will use the requisite tools, Bash, Node, Git, VS Code etc…

", "reading_time_minutes": 14.415, "reading_time_text": "15 min read", "reading_time_seconds": 864900, "reading_time_words": 2883, "slug": "wsl-bootstrap-2020", "tags": "learning,guide,wsl", "title": "Windows Subsystem Linux Bootstrap 2020", "last_updated": "2023-11-30T20:12:16.383Z" }, { "id": 182, "date": "2020-06-18T00:00:00.000Z", "is_private": 0, "preview": "Now that Windows Subsystem Linux has finally arrived I think it’s time\nto refresh my notes on it from the last post I did back at the end\nof 2018.\n\nhttps://docs.microsoft.com/en-gb/windows/wsl/install-win10", "preview_html": "

Now that Windows Subsystem Linux has finally arrived I think it’s time to refresh my notes on it from the last post I did back at the end of 2018.

https://docs.microsoft.com/en-gb/windows/wsl/install-win10

", "reading_time_minutes": 0.385, "reading_time_text": "1 min read", "reading_time_seconds": 23100, "reading_time_words": 77, "slug": "wsl2-up-and-running", "tags": "learning,guide,wsl,n,node,react", "title": "Windows Subsystem Linux 2 (WSL) - Up and Running", "last_updated": "2023-11-30T20:12:16.516Z" }, { "id": 40, "date": "2020-06-09T00:00:00.000Z", "is_private": 0, "preview": "Fathom Analytics, a great tool to use for your site analytics without\nthe compromise of giving your visitors data to Google.\n\nI’ve written about How to Track Custom Events with Fathom in the\npast but since then Fathom have changed their...", "preview_html": "

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

", "reading_time_minutes": 2.43, "reading_time_text": "3 min read", "reading_time_seconds": 145800, "reading_time_words": 486, "slug": "fathom-config", "tags": "analytics,learning,guide,hooks,react,gatsby", "title": "Fathom Analytics Gatsby Configuration", "last_updated": "2023-12-02T20:16:04.781Z" }, { "id": 170, "date": "2020-05-09T00:00:00.000Z", "is_private": 0, "preview": "Use the same frontmatter block all the time for your blog posts?\n\nI do, so I’ve created a VS Code snippet to pre-populate the block with\nsome default tags and today’s date.", "preview_html": "

Use the same frontmatter block all the time for your blog posts?

I do, so I’ve created a VS Code snippet to pre-populate the block with some default tags and today’s date.

", "reading_time_minutes": 0.99, "reading_time_text": "1 min read", "reading_time_seconds": 59400, "reading_time_words": 198, "slug": "vscode-snippets", "tags": "learning,guide,vscode", "title": "VS Code Tips and Snippets", "last_updated": "2023-11-30T20:12:16.194Z" }, { "id": 109, "date": "2020-05-04T00:00:00.000Z", "is_private": 0, "preview": "I found an opportunity to improve the npm package for the\n font I like to use here and in my text editor (much to\npeople horror when they see it)!\n\nIt was a simple fix to add to the css file in\nthe dist package.", "preview_html": "

I found an opportunity to improve the npm package for the Victor Mono font I like to use here and in my text editor (much to people horror when they see it)!

It was a simple fix to add font-display: swap; to the css file in the dist package.

", "reading_time_minutes": 2.235, "reading_time_text": "3 min read", "reading_time_seconds": 134100, "reading_time_words": 447, "slug": "patching-packages", "tags": "learning,guide", "title": "Patching Packages with patch-package", "last_updated": "2023-12-02T20:16:15.872Z" }, { "id": 121, "date": "2020-04-30T00:00:00.000Z", "is_private": 0, "preview": "I recently purged all the cover images from this site to reduce the\noverall size of the project, plus they don’t really add to the\ncontent.\n\nThe only real plus for having a cover image was to that I could get\nthe sweet preview cards you get when...", "preview_html": "

I recently purged all the cover images from this site to reduce the overall size of the project, plus they don’t really add to the content.

The only real plus for having a cover image was to that I could get the sweet preview cards you get when shari...

", "reading_time_minutes": 5.29, "reading_time_text": "6 min read", "reading_time_seconds": 317400, "reading_time_words": 1058, "slug": "serverless-og-images", "tags": "guide,markdown", "title": "Open Graph Images with Gatsby and Now", "last_updated": "2023-12-02T20:16:17.800Z" }, { "id": 31, "date": "2020-04-25T00:00:00.000Z", "is_private": 0, "preview": "In this guide I’m going to cover the configuring of your custom domain\nwith Vercel’s Now platform using the Now CLI.\n\nI’ll be primarily covering the steps you take after setting up an\naccount with an email provider, the email provider I’m using is...", "preview_html": "

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

", "reading_time_minutes": 2.45, "reading_time_text": "3 min read", "reading_time_seconds": 147000, "reading_time_words": 490, "slug": "custom-email-domain-with-now", "tags": "guide,domains", "title": "Configure Custom Domain Email with Zoho and Now", "last_updated": "2023-12-02T20:16:03.210Z" }, { "id": 161, "date": "2020-04-19T00:00:00.000Z", "is_private": 0, "preview": "Remember services like Bitly and TinyURL? Yeah, they still exist,\nshortening your URLs for you, they’ve been around for a long time too.\n\nBitly founded in 2008 and TinyURL founded in 2002 😱", "preview_html": "

Remember services like Bitly and TinyURL? Yeah, they still exist, shortening your URLs for you, they’ve been around for a long time too.

Bitly founded in 2008 and TinyURL founded in 2002 😱

", "reading_time_minutes": 5.465, "reading_time_text": "6 min read", "reading_time_seconds": 327900, "reading_time_words": 1093, "slug": "url-shortener-with-nowsh", "tags": "learning,guide,domains", "title": "Make a simple, personal, URL shortener with Now.sh", "last_updated": "2023-11-30T20:12:15.875Z" }, { "id": 2, "date": "2020-04-18T00:00:00.000Z", "is_private": 0, "preview": "I’m talking Fathom Analytics again, this time about tracking link\nclicks in my Markdown.\n\nI have written about how to track custom events with Fathom\npreviously and this is really an extension to that post.", "preview_html": "

I’m talking Fathom Analytics again, this time about tracking link clicks in my Markdown.

I have written about how to track custom events with Fathom previously and this is really an extension to that post.

", "reading_time_minutes": 3.84, "reading_time_text": "4 min read", "reading_time_seconds": 230400, "reading_time_words": 768, "slug": "add-tracking-links-to-your-markdown", "tags": "analytics,learning,guide", "title": "Add Analytics Tracking Links to your Markdown", "last_updated": "2023-12-02T20:15:57.821Z" }, { "id": 41, "date": "2020-04-16T00:00:00.000Z", "is_private": 0, "preview": "Fathom Analytics recently added a really neat feature for custom\ndomains with their service.\n\nWhat does that mean then? Well it’s for bypassing ad-blocking\nextensions, not that Fathom wants to collect all your data, far from\nit.", "preview_html": "

Fathom Analytics recently added a really neat feature for custom domains with their service.

", "reading_time_minutes": 3.36, "reading_time_text": "4 min read", "reading_time_seconds": 201600, "reading_time_words": 672, "slug": "fathom-create-custom-domain", "tags": "analytics,learning,guide,fathom", "title": "Create a Custom Domain for Fathom Analytics", "last_updated": "2023-12-02T20:16:04.938Z" }, { "id": 129, "date": "2020-02-13T00:00:00.000Z", "is_private": 0, "preview": "If you’re having issues with the clicks not scrolling to link IDs\nsee Not scrolling to ID\n\nThe main purpose for me documenting this is to demonstrate\nimplementing a table of contents with smooth scroll to the anchors in\na Gatsby project using MDX.", "preview_html": "

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.

", "reading_time_minutes": 10.07, "reading_time_text": "11 min read", "reading_time_seconds": 604200, "reading_time_words": 2014, "slug": "smooth-scroll-toc-gatsby", "tags": "learning,gatsby,guide,mdx,markdown", "title": "Add a Table of Contents with Smooth scroll using Gatsby and MDX", "last_updated": "2023-12-02T20:16:19.086Z" }, { "id": 62, "date": "2020-02-06T00:00:00.000Z", "is_private": 0, "preview": "I’m going to go over globally styling the Gatsby Default Starter with\nstyled-components v5, I’ve done this in the past with\nstyled-components v4 but I’ve changed my approach and want to\ndocument it.\n\nI’ll be swapping out the styles included with a...", "preview_html": "

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

", "reading_time_minutes": 9.31, "reading_time_text": "10 min read", "reading_time_seconds": 558600, "reading_time_words": 1862, "slug": "globally-style-gatsby-styled-components", "tags": "learning,gatsby,guide,mdx,markdown", "title": "Globally Style the Gatsby Default Starter with styled-components v5", "last_updated": "2023-12-02T20:16:08.285Z" }, { "id": 159, "date": "2020-01-28T00:00:00.000Z", "is_private": 0, "preview": "In this guide I’m going to detail upgrading a Windows Subsystem Linux\n(WSL) Ubuntu install from the current version 18.04 to 19.10 this is\nan intermediary release before Ubuntu 20.04 is released on 2020\nApril 23.\n\nI have documented this process in...", "preview_html": "

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

", "reading_time_minutes": 2.77, "reading_time_text": "3 min read", "reading_time_seconds": 166200, "reading_time_words": 554, "slug": "update-wsl-ubuntu-from-18.10-to-19.10", "tags": "wsl,guide,ubuntu", "title": "Upgrade Windows Subsystem Linux - Ubuntu 18.04 to Ubuntu 19.10", "last_updated": "2023-11-30T20:12:15.827Z" }, { "id": 150, "date": "2020-01-02T00:00:00.000Z", "is_private": 0, "preview": "In this guide I’m going to go through how to track custom events in a\nGatsby site using Fathom analytics.\n\nPreamble", "preview_html": "

In this guide I’m going to go through how to track custom events in a Gatsby site using Fathom analytics.

Preamble

", "reading_time_minutes": 5.305, "reading_time_text": "6 min read", "reading_time_seconds": 318300, "reading_time_words": 1061, "slug": "track-custom-events-with-fathom-analytics", "tags": "analytics,learning,guide,hooks,react,fathom", "title": "Track Custom Events With Fathom Analytics", "last_updated": "2023-12-02T20:16:22.507Z" }, { "id": 11, "date": "2019-10-31T00:00:00.000Z", "is_private": 0, "preview": "I have been a Gatsby user since around v0 May 2017, at that time was\nusing a template called Lumen and it was just what I needed at the\ntime. Since then I have have gone from using a template to creating my\nblog.\n\nOver the years I have made my own...", "preview_html": "

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

", "reading_time_minutes": 41.83, "reading_time_text": "42 min read", "reading_time_seconds": 2509800, "reading_time_words": 8366, "slug": "build-an-mdx-blog", "tags": "learning,gatsby,guide,mdx,markdown", "title": "Build a coding blog from scratch with Gatsby and MDX", "last_updated": "2023-12-02T20:15:59.467Z" }, { "id": 151, "date": "2019-09-16T00:00:00.000Z", "is_private": 0, "preview": "Do you use Google Analytics (GA) for any of your sites?\n\nI’ve used it in the past and it gives quite good information about", "preview_html": "

Do you use Google Analytics (GA) for any of your sites?

I’ve used it in the past and it gives quite good information about

", "reading_time_minutes": 1.04, "reading_time_text": "2 min read", "reading_time_seconds": 62400, "reading_time_words": 208, "slug": "track-custom-events-with-google", "tags": "learning,guide,hooks,react,analytics", "title": "Track Custom Events With Google Analytics", "last_updated": "2023-11-30T20:12:15.587Z" }, { "id": 23, "date": "2019-06-11T00:00:00.000Z", "is_private": 1, "preview": "Since publishing my last post on this Chris Biscardi has released an\nawesome MDX egghead.io course that goes over using MDX in a Gatsby\napplication. If you want to see how the pros do it then take a look at\nthe play list, it’s an egghead community...", "preview_html": "

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

", "reading_time_minutes": 3.775, "reading_time_text": "4 min read", "reading_time_seconds": 226500, "reading_time_words": 755, "slug": "convert-gatsby-starter-blog-to-mdx-part-two", "tags": "learning,gatsby,guide,mdx,markdown", "title": "Convert the Gatsby starter blog to use MDX part two", "last_updated": "2023-12-02T20:16:01.719Z" }, { "id": 22, "date": "2019-04-09T00:00:00.000Z", "is_private": 0, "preview": "In this guide we’re going to cover converting the Gatsby default blog\nstarter to use MDX.\n\nAll the cool kids are using Gatsby and MDX in their blogs these days.\nIf you already have a blog that uses Gatsby but want to move onto the\nnew hotness then...", "preview_html": "

In this guide we’re going to cover converting the Gatsby default blog starter to use MDX.

All the cool kids are using Gatsby and MDX in their blogs these days. If you already have a blog that uses Gatsby but want to move onto the new hotness then thi...

", "reading_time_minutes": 3.055, "reading_time_text": "4 min read", "reading_time_seconds": 183300, "reading_time_words": 611, "slug": "convert-gatsby-default-blog-to-mdx", "tags": "learning,gatsby,guide,mdx,markdown", "title": "Convert the Gatsby default starter blog to use MDX", "last_updated": "2023-12-02T20:16:01.551Z" }, { "id": 158, "date": "2019-04-01T00:00:00.000Z", "is_private": 0, "preview": "Already use WSL with Ubuntu? Want an Upgrade??\n\nThis is a guide that will cover upgrading Windows Subsystem Linux\n(WSL) from the current LTS version to the latest ‘normal’ version\n18.10.", "preview_html": "

Already use WSL with Ubuntu? Want an Upgrade??

This is a guide that will cover upgrading Windows Subsystem Linux (WSL) from the current LTS version to the latest ‘normal’ version 18.10.

", "reading_time_minutes": 2.3, "reading_time_text": "3 min read", "reading_time_seconds": 138000, "reading_time_words": 460, "slug": "update-wsl-from-18.04-18.10", "tags": "learning,wsl,guide,ubuntu", "title": "Update Windows Subsystem Linux Ubuntu from 18.04 to 18.10", "last_updated": "2023-11-30T20:12:15.791Z" }, { "id": 32, "date": "2019-03-24T00:00:00.000Z", "is_private": 0, "preview": "Hooks ahoy!\n\nOk, let’s get it on with the new hotness in React-land, React Hooks!\nThis is a guide covering using the Gatsby custom React hook for\n which it is now replacing with .", "preview_html": "

Hooks ahoy!

Ok, let’s get it on with the new hotness in React-land, React Hooks! This is a guide covering using the Gatsby custom React hook for StaticQuery which it is now replacing with useStaticQuery.

", "reading_time_minutes": 3.675, "reading_time_text": "4 min read", "reading_time_seconds": 220500, "reading_time_words": 735, "slug": "custom-gatsby-metadata-hook", "tags": "learning,gatsby,react,hooks,guide", "title": "Creating a Custom React Hook for Gatsby Site Metadata", "last_updated": "2023-12-02T20:16:03.417Z" }, { "id": 96, "date": "2019-01-27T00:00:00.000Z", "is_private": 0, "preview": "Over the past couple of weeks now I have set up several development\nmachines at work and have had to also use two git accounts, GitHub and\nBitbucket.\n\nTo connect to both I use SSH as a preference, I have been using SSH in\nplace of HTTPS for quite...", "preview_html": "

Over the past couple of weeks now I have set up several development machines at work and have had to also use two git accounts, GitHub and Bitbucket.

To connect to both I use SSH as a preference, I have been using SSH in place of HTTPS for quite some...

", "reading_time_minutes": 2.315, "reading_time_text": "3 min read", "reading_time_seconds": 138900, "reading_time_words": 463, "slug": "multiple-git-profiles", "tags": "learning,guide,wsl,git", "title": "Setting up multiple Git providers", "last_updated": "2023-12-02T20:16:13.790Z" }, { "id": 176, "date": "2018-12-24T00:00:00.000Z", "is_private": 0, "preview": "From scratch to Create React App on Windows\n\nAn opinionated guide on setting up a web development environment on\nWindows 10", "preview_html": "

From scratch to Create React App on Windows

An opinionated guide on setting up a web development environment on Windows 10

", "reading_time_minutes": 16.56, "reading_time_text": "17 min read", "reading_time_seconds": 993600, "reading_time_words": 3312, "slug": "wsl-bootstrap-2019", "tags": "learning,guide,wsl,n,node", "title": "Windows Web-dev bootstrap", "last_updated": "2023-11-30T20:12:16.356Z" }, { "id": 50, "date": "2018-11-29T00:00:00.000Z", "is_private": 0, "preview": "Let’s go through getting styled-components working with the Gatsby\ndefault starter.\n\n", "preview_html": "

Let’s go through getting styled-components working with the Gatsby default starter.

", "reading_time_minutes": 3.35, "reading_time_text": "4 min read", "reading_time_seconds": 201000, "reading_time_words": 670, "slug": "gatsby-starter-to-styled-components", "tags": "learning,guide,gatsby,getting-started", "title": "Convert the Gatsby default starter to styled-components", "last_updated": "2023-12-02T20:16:06.375Z" }, { "id": 66, "date": "2018-11-25T00:00:00.000Z", "is_private": 0, "preview": "Let’s set up Gatsby to pull data from GraphCMS.\n\n", "preview_html": "

Let’s set up Gatsby to pull data from GraphCMS.

", "reading_time_minutes": 3.025, "reading_time_text": "4 min read", "reading_time_seconds": 181500, "reading_time_words": 605, "slug": "graphcms-to-gatsby", "tags": "learning,guide,gatsby,getting-started,graphql,graphcms", "title": "Get your GraphCMS data into Gatsby", "last_updated": "2023-12-02T20:16:08.945Z" }, { "id": 115, "date": "2018-09-08T00:00:00.000Z", "is_private": 0, "preview": "Let’s use the React Context API to change theme in an app!\n\nThis is what it will look like by the end of this post:", "preview_html": "

Let’s use the React Context API to change theme in an app!

This is what it will look like by the end of this post:

", "reading_time_minutes": 14.835, "reading_time_text": "15 min read", "reading_time_seconds": 890100, "reading_time_words": 2967, "slug": "react-context-api", "tags": "learning,guide,getting-started,react,api,styled-components,css-in-js", "title": "Using the React Context API - getting started", "last_updated": "2023-12-02T20:16:16.840Z" }, { "id": 152, "date": "2018-05-28T00:00:00.000Z", "is_private": 0, "preview": "I thought I’d set up this blog with some sort of build pipeline, the\nintention was to have a good Continuous Integration pipeline so that\nif there were any issues when building the site that I wouldn’t push a\nbroken build. No one wants to see that...", "preview_html": "

I thought I’d set up this blog with some sort of build pipeline, the intention was to have a good Continuous Integration pipeline so that if there were any issues when building the site that I wouldn’t push a broken build. No one wants to see that 😿

...", "reading_time_minutes": 2.17, "reading_time_text": "3 min read", "reading_time_seconds": 130200, "reading_time_words": 434, "slug": "travis-ci", "tags": "guide,ci-cd", "title": "Making a CI pipeline with Travis CI", "last_updated": "2023-11-30T20:12:15.614Z" }, { "id": 114, "date": "2018-05-22T00:00:00.000Z", "is_private": 0, "preview": "I’m a bit late to the party using the new React Context API, I did\nget to use it the other day at work, I also made a snippet to\nscaffold out a component for it.\n\nI had followed a couple of guides explaining how to use it and neither\nof them as good...", "preview_html": "

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

", "reading_time_minutes": 8.235, "reading_time_text": "9 min read", "reading_time_seconds": 494100, "reading_time_words": 1647, "slug": "react-context-api-with-gatsby", "tags": "learning,guide,gatsby,api", "title": "Use the React Context API with Gatsby", "last_updated": "2023-12-02T20:16:16.683Z" }, { "id": 133, "date": "2018-04-03T00:00:00.000Z", "is_private": 0, "preview": "We’re going to style the basic create react app with styled-components\nto look something like this:\n\nThis is what it will look like by the end of this post:", "preview_html": "

We’re going to style the basic create react app with styled-components to look something like this:

This is what it will look like by the end of this post:

", "reading_time_minutes": 12.64, "reading_time_text": "13 min read", "reading_time_seconds": 758400, "reading_time_words": 2528, "slug": "styled-components", "tags": "guide,styled-components,css-in-js", "title": "styled-components 💅 getting started", "last_updated": "2023-12-02T20:16:19.723Z" }, { "id": 91, "date": "2018-02-27T00:00:00.000Z", "is_private": 0, "preview": "Life moves pretty fast. If you don’t stop and look around once in a\nwhile, you could miss it. — Ferris Bueller.\n\nI’m going to go over steps I have taken the help me with learning to\ncode (again)", "preview_html": "

Life moves pretty fast. If you don’t stop and look around once in a while, you could miss it. — Ferris Bueller.

", "reading_time_minutes": 6.715, "reading_time_text": "7 min read", "reading_time_seconds": 402900, "reading_time_words": 1343, "slug": "make-time-for-100doc", "tags": "guide,learning,habits,career", "title": "How to make time for 100 days of code", "last_updated": "2023-12-02T20:16:12.983Z" }, { "id": 178, "date": "2018-01-13T00:00:00.000Z", "is_private": 0, "preview": "I’m a Windows user, I have been a Linux user as well but I have found\nthat Windows is a bit less neck beardy for me, both\nhave their pros and cons. One of the big cons with Windows for me was\nwhen I started learning web development.\n\nThat was until...", "preview_html": "

I’m a Windows user, I have been a Linux user as well but I have found that Windows is a bit less neck beardy for me, both have their pros and cons. One of the big cons with Windows for me was when I started learning web development.

", "reading_time_minutes": 4.51, "reading_time_text": "5 min read", "reading_time_seconds": 270600, "reading_time_words": 902, "slug": "wsl-bootstrap", "tags": "guide,wsl,n,node", "title": "Windows Subsystem Linux setup", "last_updated": "2023-11-30T20:12:16.421Z" }, { "id": 59, "date": "2017-06-30T00:00:00.000Z", "is_private": 0, "preview": "How to combine two separate unrelated Git repositories into one with\nsingle history timeline.\n\nJust adding a quick note on this…", "preview_html": "

How to combine two separate unrelated Git repositories into one with single history timeline.

Just adding a quick note on this…

", "reading_time_minutes": 1.415, "reading_time_text": "2 min read", "reading_time_seconds": 84900, "reading_time_words": 283, "slug": "git-allow-unrelated-histories", "tags": "learning,guide", "title": "Git ` — allow-unrelated-histories`", "last_updated": "2023-12-02T20:16:07.794Z" }, { "id": 10, "date": "2017-06-01T00:00:00.000Z", "is_private": 0, "preview": "Speed up your git workflow with git aliases, this is a brief\nintroduction on using aliases 🚀👍\n\nThe more you work with Git the more familiar you become with the\ncommands used in your every day workflow for your projects or your\nteam’s projects.", "preview_html": "

Speed up your git workflow with git aliases, this is a brief introduction on using aliases 🚀👍

The more you work with Git the more familiar you become with the commands used in your every day workflow for your projects or your team’s projects.

", "reading_time_minutes": 3.49, "reading_time_text": "4 min read", "reading_time_seconds": 209400, "reading_time_words": 698, "slug": "beginner-to-git-aliases", "tags": "guide", "title": "Moving from beginner to [slightly more] advanced git with aliases.", "last_updated": "2023-12-02T20:15:59.292Z" }, { "id": 54, "date": "2017-05-31T00:00:00.000Z", "is_private": 0, "preview": "No doubt you have heard of Git or GitHub for source control, but\nwhat is source control?\n\n“Revision control (also known as version control, source control or\n(source) code management (SCM)) is the management of multiple\nrevisions of the same unit of...", "preview_html": "

No doubt you have heard of Git or GitHub for source control, but what is source control?

“Revision control (also known as version control, source control or (source) code management (SCM)) is the management of multiple revisions of the same unit of ...

", "reading_time_minutes": 4.635, "reading_time_text": "5 min read", "reading_time_seconds": 278100, "reading_time_words": 927, "slug": "gets-better-with-git", "tags": "guide", "title": "Just starting out with Git and GitHub? It gets easier, honest!", "last_updated": "2023-12-02T20:16:07.003Z" }, { "id": 154, "date": "2017-05-23T00:00:00.000Z", "is_private": 0, "preview": "How to build and deploy a multifunctional Twitter bot!\n\nThis is a reference for me and anyone else that’s interested in\nTwitter bots in JavaScript.", "preview_html": "

How to build and deploy a multifunctional Twitter bot!

This is a reference for me and anyone else that’s interested in Twitter bots in JavaScript.

", "reading_time_minutes": 27.8, "reading_time_text": "28 min read", "reading_time_seconds": 1668000, "reading_time_words": 5560, "slug": "twitter-bot-playground", "tags": "guide", "title": "Twitter bot playground", "last_updated": "2023-11-30T20:12:15.671Z" }, { "id": 153, "date": "2017-01-28T00:00:00.000Z", "is_private": 0, "preview": "Want to get set up with your very own Twitter bot quickly and easily,\nwith this guide you can be set up in under 30 minutes. But first, why\nshould you want to build a Twitter bot?\n\nThere are some really useful Twitter bots out there that do...", "preview_html": "

Want to get set up with your very own Twitter bot quickly and easily, with this guide you can be set up in under 30 minutes. But first, why should you want to build a Twitter bot?

There are some really useful Twitter bots out there that do some prett...

", "reading_time_minutes": 7.135, "reading_time_text": "8 min read", "reading_time_seconds": 428100, "reading_time_words": 1427, "slug": "twitter-bot-bootstrap", "tags": "guide", "title": "Easily set up your own Twitter bot", "last_updated": "2023-11-30T20:12:15.645Z" }, { "id": 60, "date": "2017-01-05T00:00:00.000Z", "is_private": 0, "preview": "I know why Linus called it that now!\n\nIf you’re reading this there’s a good chance you know at least the\nbasics of Git but if like me and you are the only person making\nchanges to your repos then there’s a good chance that you just use\n to move your...", "preview_html": "

I know why Linus called it that now!

If you’re reading this there’s a good chance you know at least the basics of Git but if like me and you are the only person making changes to your repos then there’s a good chance that you just use git push origin...

", "reading_time_minutes": 2.885, "reading_time_text": "3 min read", "reading_time_seconds": 173100, "reading_time_words": 577, "slug": "git-and-github", "tags": "learning,guide", "title": "Git and GitHub", "last_updated": "2023-12-02T20:16:07.950Z" }, { "id": 155, "date": "2017-01-04T00:00:00.000Z", "is_private": 0, "preview": "I must say this was great to do and a nice little introduction to node\nand npm.\n\nI got to doing this from finding it on GitHub I think I was looking\nfor the Twitter icon in bootstrap whilst working on my Random Quote\nGenerator I stumbled across the...", "preview_html": "

I must say this was great to do and a nice little introduction to node and npm.

I got to doing this from finding it on GitHub I think I was looking for the Twitter icon in bootstrap whilst working on my Random Quote Generator I stumbled across the tw...

", "reading_time_minutes": 4.685, "reading_time_text": "5 min read", "reading_time_seconds": 281100, "reading_time_words": 937, "slug": "twitter-mctwitbot", "tags": "guide", "title": "Twitter McTwitBot", "last_updated": "2023-11-30T20:12:15.708Z" } ], "vscode": [ { "id": 92, "date": "2023-10-23T00:00:00.000Z", "is_private": 0, "preview": "I was asking ChatGPT to read some posts from my site and summarise\nthem for me, I was a bit surprised when I got the response “I wasn’t\nable to directly access the URL you provided due to restrictions on\nthe webpage.” from the bot. It was then that...", "preview_html": "

", "reading_time_minutes": 6.585, "reading_time_text": "7 min read", "reading_time_seconds": 395100, "reading_time_words": 1317, "slug": "making-a-robots-txt-syntax-highlighter-for-vs-code", "tags": "reference,guide,vscode,extension,robots.txt", "title": "Making a robots.txt syntax highlighter for VS Code", "last_updated": "2023-12-02T20:16:13.144Z" }, { "id": 97, "date": "2020-07-17T00:00:00.000Z", "is_private": 0, "preview": "For as long as I have been learning web development () I have been taking notes. Partly notes to help\nclarify my understanding of something and partly for future me.\n\nThat’s why I have my digital garden, an online collection of my\nlearning over the...", "preview_html": "

For as long as I have been learning web development () I have been taking notes. Partly notes to help clarify my understanding of something and partly for future me.

That’s why I have my digital garden, an online collection of my learning over the ye...

", "reading_time_minutes": 4.875, "reading_time_text": "5 min read", "reading_time_seconds": 292500, "reading_time_words": 975, "slug": "my-second-brain-zettelkasten", "tags": "habits,notes,vscode,resource,tools", "title": "My Second Brain - Zettelkasten", "last_updated": "2023-12-02T20:16:13.946Z" }, { "id": 98, "date": "2020-06-22T00:00:00.000Z", "is_private": 0, "preview": "My list of VS Code extensions I use in my daily development workflow.\n\nI’ll detail the package name to search for in the VS Code extensions\ntab.", "preview_html": "

My list of VS Code extensions I use in my daily development workflow.

I’ll detail the package name to search for in the VS Code extensions tab.

", "reading_time_minutes": 2.28, "reading_time_text": "3 min read", "reading_time_seconds": 136800, "reading_time_words": 456, "slug": "my-vscode-extensions", "tags": "vscode,extension", "title": "My Top Ten Visual Studio Code Extensions 2020", "last_updated": "2023-12-02T20:16:14.109Z" }, { "id": 170, "date": "2020-05-09T00:00:00.000Z", "is_private": 0, "preview": "Use the same frontmatter block all the time for your blog posts?\n\nI do, so I’ve created a VS Code snippet to pre-populate the block with\nsome default tags and today’s date.", "preview_html": "

Use the same frontmatter block all the time for your blog posts?

I do, so I’ve created a VS Code snippet to pre-populate the block with some default tags and today’s date.

", "reading_time_minutes": 0.99, "reading_time_text": "1 min read", "reading_time_seconds": 59400, "reading_time_words": 198, "slug": "vscode-snippets", "tags": "learning,guide,vscode", "title": "VS Code Tips and Snippets", "last_updated": "2023-11-30T20:12:16.194Z" }, { "id": 46, "date": "2016-12-03T00:00:00.000Z", "is_private": 0, "preview": "I’m a published developer! sort of Well that was a bit painful, well\nnot actually I mean from the documentation I feel I was a bit mislead.\n\n", "preview_html": "

I’m a published developer! [sort of] Well that was a bit painful, well not actually I mean from the documentation I feel I was a bit mislead.

", "reading_time_minutes": 2.97, "reading_time_text": "3 min read", "reading_time_seconds": 178200, "reading_time_words": 594, "slug": "first-vscode-extension", "tags": "learning,vscode,extension", "title": "My first Microsoft Visual Studio Code [VS Code] extension", "last_updated": "2023-12-02T20:16:05.735Z" } ], "extension": [ { "id": 92, "date": "2023-10-23T00:00:00.000Z", "is_private": 0, "preview": "I was asking ChatGPT to read some posts from my site and summarise\nthem for me, I was a bit surprised when I got the response “I wasn’t\nable to directly access the URL you provided due to restrictions on\nthe webpage.” from the bot. It was then that...", "preview_html": "

", "reading_time_minutes": 6.585, "reading_time_text": "7 min read", "reading_time_seconds": 395100, "reading_time_words": 1317, "slug": "making-a-robots-txt-syntax-highlighter-for-vs-code", "tags": "reference,guide,vscode,extension,robots.txt", "title": "Making a robots.txt syntax highlighter for VS Code", "last_updated": "2023-12-02T20:16:13.144Z" }, { "id": 98, "date": "2020-06-22T00:00:00.000Z", "is_private": 0, "preview": "My list of VS Code extensions I use in my daily development workflow.\n\nI’ll detail the package name to search for in the VS Code extensions\ntab.", "preview_html": "

My list of VS Code extensions I use in my daily development workflow.

I’ll detail the package name to search for in the VS Code extensions tab.

", "reading_time_minutes": 2.28, "reading_time_text": "3 min read", "reading_time_seconds": 136800, "reading_time_words": 456, "slug": "my-vscode-extensions", "tags": "vscode,extension", "title": "My Top Ten Visual Studio Code Extensions 2020", "last_updated": "2023-12-02T20:16:14.109Z" }, { "id": 46, "date": "2016-12-03T00:00:00.000Z", "is_private": 0, "preview": "I’m a published developer! sort of Well that was a bit painful, well\nnot actually I mean from the documentation I feel I was a bit mislead.\n\n", "preview_html": "

I’m a published developer! [sort of] Well that was a bit painful, well not actually I mean from the documentation I feel I was a bit mislead.

", "reading_time_minutes": 2.97, "reading_time_text": "3 min read", "reading_time_seconds": 178200, "reading_time_words": 594, "slug": "first-vscode-extension", "tags": "learning,vscode,extension", "title": "My first Microsoft Visual Studio Code [VS Code] extension", "last_updated": "2023-12-02T20:16:05.735Z" } ], "robots.txt": [ { "id": 92, "date": "2023-10-23T00:00:00.000Z", "is_private": 0, "preview": "I was asking ChatGPT to read some posts from my site and summarise\nthem for me, I was a bit surprised when I got the response “I wasn’t\nable to directly access the URL you provided due to restrictions on\nthe webpage.” from the bot. It was then that...", "preview_html": "

", "reading_time_minutes": 6.585, "reading_time_text": "7 min read", "reading_time_seconds": 395100, "reading_time_words": 1317, "slug": "making-a-robots-txt-syntax-highlighter-for-vs-code", "tags": "reference,guide,vscode,extension,robots.txt", "title": "Making a robots.txt syntax highlighter for VS Code", "last_updated": "2023-12-02T20:16:13.144Z" } ], "fastmail": [ { "id": 20, "date": "2023-10-07T00:00:00.000Z", "is_private": 0, "preview": "What a catchy title! So, I thought it’d be a good idea to completely\nmove away from using Airtable. I used Airtable for my short URL\nservice I created and for various config options for the Let’s Work\nTogether page on my site. I moved them all to...", "preview_html": "

", "reading_time_minutes": 10.735, "reading_time_text": "11 min read", "reading_time_seconds": 644100, "reading_time_words": 2147, "slug": "contact-form-send-email-from-site", "tags": "fastmail,guide,resource,email", "title": "Contact Form Send Email From Site with Fastmail", "last_updated": "2023-12-02T20:16:01.228Z" }, { "id": 171, "date": "2023-01-07T00:00:00.000Z", "is_private": 0, "preview": "I’ve now been using Fastmail for a year now. I was using ProtonMail\npreviously but decided to migrate to Fastmail. I’m going to go into\nthe details of why I switched. This is personal preference and my\nreasoning behind the switch.\n\nFor full...", "preview_html": "

I’ve now been using Fastmail for a year now. I was using ProtonMail previously but decided to migrate to Fastmail. I’m going to go into the details of why I switched. This is personal preference and my reasoning behind the switch.

For full disclosure...

", "reading_time_minutes": 2.66, "reading_time_text": "3 min read", "reading_time_seconds": 159600, "reading_time_words": 532, "slug": "why-fastmail-over-proton-mail", "tags": "mail,fastmail,protonmail,domains", "title": "Why Fastmail over ProtonMail", "last_updated": "2023-11-30T20:12:16.221Z" }, { "id": 124, "date": "2021-11-11T00:00:00.000Z", "is_private": 0, "preview": "I’ve started using Fastmail, here’s how I set it up with Vercel for\nuse with my own domains.\n\nIf you’re interested in giving Fastmail a go then you can use my\nreferral code for a 10% discount on the first year of Fastmail.", "preview_html": "

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

If you’re interested in giving Fastmail a go then you can use my referral code for a 10% discount on the first year of Fastmail.

", "reading_time_minutes": 1.125, "reading_time_text": "2 min read", "reading_time_seconds": 67500, "reading_time_words": 225, "slug": "setting-up-fastmail-with-vercel", "tags": "domains,guide,resource,fastmail", "title": "Setting up Fastmail with Vercel", "last_updated": "2023-12-02T20:16:18.285Z" } ], "resource": [ { "id": 20, "date": "2023-10-07T00:00:00.000Z", "is_private": 0, "preview": "What a catchy title! So, I thought it’d be a good idea to completely\nmove away from using Airtable. I used Airtable for my short URL\nservice I created and for various config options for the Let’s Work\nTogether page on my site. I moved them all to...", "preview_html": "

", "reading_time_minutes": 10.735, "reading_time_text": "11 min read", "reading_time_seconds": 644100, "reading_time_words": 2147, "slug": "contact-form-send-email-from-site", "tags": "fastmail,guide,resource,email", "title": "Contact Form Send Email From Site with Fastmail", "last_updated": "2023-12-02T20:16:01.228Z" }, { "id": 137, "date": "2023-04-14T00:00:00.000Z", "is_private": 0, "preview": "During a workshop I was hosting at CityJS (\nago) for getting started with Svelte and SvelteKit, I received some\nvaluable feedback from an attendee who was unclear about the role of\nthe load function in SvelteKit.\n\nThis prompted me to revisit this...", "preview_html": "

During a workshop I was hosting at CityJS ( ago) for getting started with Svelte and SvelteKit, I received some valuable feedback from an attendee who was unclear about the role of the load function in SvelteKit.

This prompted me to revisit this topi...

", "reading_time_minutes": 13.945, "reading_time_text": "14 min read", "reading_time_seconds": 836700, "reading_time_words": 2789, "slug": "sveltekit-data-loading-understanding-the-load-function", "tags": "sveltekit,resource,how-to", "title": "SvelteKit Data Loading, Understanding the load function", "last_updated": "2023-12-02T20:16:20.402Z" }, { "id": 107, "date": "2023-02-25T00:00:00.000Z", "is_private": 0, "preview": "I came across this issue when adding real-time analytics to my site,\nessentially what I wanted to do was get some analytics data from a\nserver endpoint and pass that to the page.\n\nIn SvelteKit you can have different ways to get data onto a...", "preview_html": "

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

", "reading_time_minutes": 1.24, "reading_time_text": "2 min read", "reading_time_seconds": 74400, "reading_time_words": 248, "slug": "passing-sveltekit-page-server-js-data-to-page-js", "tags": "sveltekit,resource,how-to", "title": "Passing SvelteKit +page.server.ts data to +page.ts", "last_updated": "2023-12-02T20:16:15.549Z" }, { "id": 5, "date": "2023-01-20T00:00:00.000Z", "is_private": 0, "preview": "So, I just found that the SPF record on my Fastmail account for\nscottspence.com was throwing a verification error. I didn’t really\nknow what the SPF record was for until this point and I had to\nresearch why it was failing on Fastmail.\n\nSo, I did a...", "preview_html": "

So, I did a pos...

I’ve documented that process of Setting up Fa...

", "reading_time_minutes": 2.64, "reading_time_text": "3 min read", "reading_time_seconds": 158400, "reading_time_words": 528, "slug": "adding-dkim-records-to-vercel", "tags": "domains,guide,resource", "title": "Adding DKIM records to Vercel", "last_updated": "2023-12-02T20:15:58.028Z" }, { "id": 36, "date": "2022-10-30T00:00:00.000Z", "is_private": 0, "preview": "With the recent changes to SvelteKit which has invalidated a lot of\ncontent already out there, I want to make some notes on how to load\ndata in SvelteKit.\n\nFirst up, if you weren’t aware, SvelteKit completely changed how file\nbased routing is done.", "preview_html": "

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.

First up, if you weren’t aware, SvelteKit completely changed how file based routing is done. Th...

", "reading_time_minutes": 5.065, "reading_time_text": "6 min read", "reading_time_seconds": 303900, "reading_time_words": 1013, "slug": "data-loading-in-sveltekit", "tags": "sveltekit,resource,how-to", "title": "Data loading in SvelteKit", "last_updated": "2023-12-02T20:16:04.141Z" }, { "id": 124, "date": "2021-11-11T00:00:00.000Z", "is_private": 0, "preview": "I’ve started using Fastmail, here’s how I set it up with Vercel for\nuse with my own domains.\n\nIf you’re interested in giving Fastmail a go then you can use my\nreferral code for a 10% discount on the first year of Fastmail.", "preview_html": "

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

If you’re interested in giving Fastmail a go then you can use my referral code for a 10% discount on the first year of Fastmail.

", "reading_time_minutes": 1.125, "reading_time_text": "2 min read", "reading_time_seconds": 67500, "reading_time_words": 225, "slug": "setting-up-fastmail-with-vercel", "tags": "domains,guide,resource,fastmail", "title": "Setting up Fastmail with Vercel", "last_updated": "2023-12-02T20:16:18.285Z" }, { "id": 126, "date": "2021-04-24T00:00:00.000Z", "is_private": 0, "preview": "Render is pretty neat!\n\nI’m still super early days but I have discovered the \nfiles that is the equivalent to the Amazon CDK (Cloud Development\nKit). The Amazon CDK is pretty powerful from what I can glean.", "preview_html": "

Render is pretty neat!

I’m still super early days but I have discovered the render.yml files that is the equivalent to the Amazon CDK (Cloud Development Kit). The Amazon CDK is pretty powerful from what I can glean.

", "reading_time_minutes": 1.69, "reading_time_text": "2 min read", "reading_time_seconds": 101400, "reading_time_words": 338, "slug": "setting-up-render", "tags": "render,notes,resource", "title": "Setting up Resources on Render", "last_updated": "2023-12-02T20:16:18.601Z" }, { "id": 118, "date": "2021-04-20T00:00:00.000Z", "is_private": 0, "preview": "The Gatsby offline plugin is really handy right up until you don’t\nwant it any more!\n\nI switched my main site over to Toast from Gatsby and hit a bump when\nit came to removing the old Gatsby site because it used a service\nworker meant that the new...", "preview_html": "

The Gatsby offline plugin is really handy right up until you don’t want it any more!

I switched my main site over to Toast from Gatsby and hit a bump when it came to removing the old Gatsby site because it used a service worker meant that the new sit...

In this post I’m detailing how I set up my domain with ProtonMail and Vercel, this is mainly the CLI commands that are needed to get set up with ProtonMail and Vercel.

I’ve decided to give ProtonMail a shot, I have lost faith in Google being a force ...

", "reading_time_minutes": 2.715, "reading_time_text": "3 min read", "reading_time_seconds": 162900, "reading_time_words": 543, "slug": "setting-up-proton-mail-with-vercel", "tags": "domains,guide,resource", "title": "Setting up ProtonMail with Vercel", "last_updated": "2023-12-02T20:16:18.446Z" }, { "id": 173, "date": "2021-01-14T00:00:00.000Z", "is_private": 0, "preview": "I’ve been using the Windows Terminal now since the summer, it’s great\nand I now prefer it over Hyper which was my preferred terminal.\n\nWindows Terminal comes with a lot of options for configuration and a\nload more which I’ve only just discovered...", "preview_html": "

I’ve been using the Windows Terminal now since the summer, it’s great and I now prefer it over Hyper which was my preferred terminal.

Windows Terminal comes with a lot of options for configuration and a load more which I’ve only just discovered after...

", "reading_time_minutes": 7.795, "reading_time_text": "8 min read", "reading_time_seconds": 467700, "reading_time_words": 1559, "slug": "windows-terminal-config", "tags": "windows,resource,notes", "title": "Windows Terminal Config - Make it Your Own", "last_updated": "2023-11-30T20:12:16.271Z" }, { "id": 108, "date": "2020-11-01T00:00:00.000Z", "is_private": 0, "preview": "This is a very specific issue myself and anyone that uses Gatsby and\nReact router for navigating between headers in their Gatsby sites.\n\nThe issue has been documented several times now and the advice I\nhave followed is to add a resolutions to my ...", "preview_html": "

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

", "reading_time_minutes": 2.855, "reading_time_text": "3 min read", "reading_time_seconds": 171300, "reading_time_words": 571, "slug": "patching-gatsby-react-router-scroll", "tags": "learning,guide,resource", "title": "Patching Gatsby React Router Scroll with patch-package", "last_updated": "2023-12-02T20:16:15.711Z" }, { "id": 130, "date": "2020-10-17T00:00:00.000Z", "is_private": 0, "preview": "I have delivered this talk several times now but not actually written\nabout it.\n\n", "preview_html": "

I have delivered this talk several times now but not actually written about it.

", "reading_time_minutes": 3.55, "reading_time_text": "4 min read", "reading_time_seconds": 213000, "reading_time_words": 710, "slug": "spreading-the-jamstack", "tags": "jamstack,resource", "title": "Spreading the Jamstack", "last_updated": "2023-12-02T20:16:19.240Z" }, { "id": 58, "date": "2020-10-08T00:00:00.000Z", "is_private": 0, "preview": "I started adding videos to my YouTube channel in November 2018, this\nwas mainly intended as an accompaniment to the blog post I did to Get\nyour GraphCMS data into Gatsby.\n\nA the time I was using a web cam I’d bought off of Amazon for around\n£17, the...", "preview_html": "

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

", "reading_time_minutes": 10.57, "reading_time_text": "11 min read", "reading_time_seconds": 634200, "reading_time_words": 2114, "slug": "getting-started-with-youtube", "tags": "getting-started,guide,resource", "title": "Getting Started with Creating YouTube Videos", "last_updated": "2023-12-02T20:16:07.634Z" }, { "id": 97, "date": "2020-07-17T00:00:00.000Z", "is_private": 0, "preview": "For as long as I have been learning web development () I have been taking notes. Partly notes to help\nclarify my understanding of something and partly for future me.\n\nThat’s why I have my digital garden, an online collection of my\nlearning over the...", "preview_html": "

For as long as I have been learning web development () I have been taking notes. Partly notes to help clarify my understanding of something and partly for future me.

That’s why I have my digital garden, an online collection of my learning over the ye...

", "reading_time_minutes": 4.875, "reading_time_text": "5 min read", "reading_time_seconds": 292500, "reading_time_words": 975, "slug": "my-second-brain-zettelkasten", "tags": "habits,notes,vscode,resource,tools", "title": "My Second Brain - Zettelkasten", "last_updated": "2023-12-02T20:16:13.946Z" }, { "id": 132, "date": "2020-05-11T00:00:00.000Z", "is_private": 0, "preview": "A curated list of hints and tips for using styled-components.\n\nBreakpoints", "preview_html": "

A curated list of hints and tips for using styled-components.

Breakpoints

", "reading_time_minutes": 0.69, "reading_time_text": "1 min read", "reading_time_seconds": 41400, "reading_time_words": 138, "slug": "styled-components-resources", "tags": "css,resource,styled-components", "title": "Styled Components Resources", "last_updated": "2023-12-02T20:16:19.557Z" }, { "id": 29, "date": "2020-05-09T00:00:00.000Z", "is_private": 0, "preview": "This is a collection of some handy snippets and resources I collected\nwhich I’m going to be documenting here, it’s probably going to be a\nmess but it mainly for my reference.\n\nBig thanks to Steve Schoger and Adam Wathan 🙏", "preview_html": "

This is a collection of some handy snippets and resources I collected which I’m going to be documenting here, it’s probably going to be a mess but it mainly for my reference.

Big thanks to Steve Schoger and Adam Wathan 🙏

", "reading_time_minutes": 1.92, "reading_time_text": "2 min read", "reading_time_seconds": 115200, "reading_time_words": 384, "slug": "css-resources", "tags": "css,resource", "title": "CSS Resources From Around the Web", "last_updated": "2023-12-02T20:16:02.847Z" } ], "email": [ { "id": 20, "date": "2023-10-07T00:00:00.000Z", "is_private": 0, "preview": "What a catchy title! So, I thought it’d be a good idea to completely\nmove away from using Airtable. I used Airtable for my short URL\nservice I created and for various config options for the Let’s Work\nTogether page on my site. I moved them all to...", "preview_html": "

", "reading_time_minutes": 10.735, "reading_time_text": "11 min read", "reading_time_seconds": 644100, "reading_time_words": 2147, "slug": "contact-form-send-email-from-site", "tags": "fastmail,guide,resource,email", "title": "Contact Form Send Email From Site with Fastmail", "last_updated": "2023-12-02T20:16:01.228Z" }, { "id": 142, "date": "2023-10-01T00:00:00.000Z", "is_private": 0, "preview": "Ok, so, back at the start of the year, I switched from Revue (remember\nthat? 😅) to Brevo (Send In Blue at the time) and made a concerted\neffort to use it as I paid quite a premium for it! There was some fun\naround setting up DKIM records for the...", "preview_html": "

", "reading_time_minutes": 4.005, "reading_time_text": "4 min read", "reading_time_seconds": 240300, "reading_time_words": 801, "slug": "switching-from-brevo-to-buttondown", "tags": "notes,email,buttondown", "title": "Switching from Brevo to Buttondown", "last_updated": "2023-12-02T20:16:21.228Z" }, { "id": 120, "date": "2021-02-14T00:00:00.000Z", "is_private": 1, "preview": "Now I have a super sweet email pipeline for sending weekly emails\nthanks to Sam Larsen-Disney I’m going to document what I’ve learnt\nand what Sam taught me. (same thing, I guess) 😊\n\nFirst up, I’d like to thank Sam for his patience walking me...", "preview_html": "

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

", "reading_time_minutes": 1.59, "reading_time_text": "2 min read", "reading_time_seconds": 95400, "reading_time_words": 318, "slug": "sending-emails-with-sendgrid", "tags": "guide,domains,email", "title": "Sending Emails With Twilio SendGrid", "last_updated": "2023-12-02T20:16:17.645Z" } ], "wsl": [ { "id": 160, "date": "2023-10-07T00:00:00.000Z", "is_private": 0, "preview": "Real quick one for me! Future me that is!! I had to update the BIOS on\nmy motherboard, now a lot of manufacturers will recommend their\nsoftware which is usually hot garbage! Every time I try it I’m\nprompted to install virus protection and other...", "preview_html": "

", "reading_time_minutes": 1.855, "reading_time_text": "2 min read", "reading_time_seconds": 111300, "reading_time_words": 371, "slug": "updating-bios-on-motherboard", "tags": "windows,wsl,hardware,bios", "title": "Updating BIOS on Motherboard", "last_updated": "2023-11-30T20:12:15.851Z" }, { "id": 179, "date": "2023-01-22T00:00:00.000Z", "is_private": 0, "preview": "If, like me, you’re on the Windows Insider Programme Dev channel and\nyou use Windows Subsystem for Linux (WSL) for your web development\nthen you may have noticed some weird dev server behaviour recently.\n\nBehaviour like, starting the dev server...", "preview_html": "

Behaviour like, starting the dev server, then ...

", "reading_time_minutes": 1.93, "reading_time_text": "2 min read", "reading_time_seconds": 115800, "reading_time_words": 386, "slug": "wsl-dev-server-not-working-on-v1.1.0-try-this", "tags": "wsl,guide", "title": "WSL Dev Server Not Working on v1.1.0? Try this!", "last_updated": "2023-11-30T20:12:16.445Z" }, { "id": 51, "date": "2022-05-22T00:00:00.000Z", "is_private": 0, "preview": "Quick guide to getting Debian WSL set up for web development.\n\nYou can install Debian from the Windows Store and get started\nstraight away with using it, but there’s a few things missing.", "preview_html": "

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

You can install Debian from the Windows Store and get started straight away with using it, but there’s a few things missing.

", "reading_time_minutes": 1.09, "reading_time_text": "2 min read", "reading_time_seconds": 65400, "reading_time_words": 218, "slug": "get-debian-wsl-set-up-for-web-development", "tags": "wsl,debian,guide", "title": "Get Debian WSL Set Up For Web Development", "last_updated": "2023-12-02T20:16:06.532Z" }, { "id": 157, "date": "2022-01-18T00:00:00.000Z", "is_private": 0, "preview": "In this guide I’m going to detail upgrading Ubuntu on Windows\nSubsystem for Linux (WSL) from the current version 20.04 to 22.04 this\nthe development build of Ubuntu 22.04 which is due to be released on\n2022 April 21.\n\nYou can Tl;Dr and watch...", "preview_html": "

You can Tl;Dr and watch the video...

", "reading_time_minutes": 3.89, "reading_time_text": "4 min read", "reading_time_seconds": 233400, "reading_time_words": 778, "slug": "update-ubuntu-from-20.04-to-21.10", "tags": "wsl,guide,ubuntu", "title": "Upgrade Ubuntu on Windows Subsystem for Linux from 20.04 to 22.04", "last_updated": "2023-11-30T20:12:15.766Z" }, { "id": 181, "date": "2021-12-08T00:00:00.000Z", "is_private": 0, "preview": "This is an updated guide on the post I did at the start of the year\nfor setting up a web development environment on Windows with Windows\nSubsystem for Linux (WSL). This guide is intended for use to get set\nup with Fedora 35 on WSL.\n\nThis is my...", "preview_html": "

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

", "reading_time_minutes": 4.3, "reading_time_text": "5 min read", "reading_time_seconds": 258000, "reading_time_words": 860, "slug": "backup-ubuntu-wsl-instances", "tags": "wsl,ubuntu,linux,how-to", "title": "Backup Ubuntu in Windows Subsystem for Linux", "last_updated": "2023-12-02T20:15:58.927Z" }, { "id": 180, "date": "2021-10-14T00:00:00.000Z", "is_private": 0, "preview": "Now that Windows 11 has been released I decided to switch from my\nWindows 11 insiders build and go over to my Windows 10 partition,\nreset it and start over on a fresh Windows 11 machine!\n\nIn the past getting set up with Windows Subsystem for Linux...", "preview_html": "

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!

In the past getting set up with Windows Subsystem for Linux (WS...

", "reading_time_minutes": 1.975, "reading_time_text": "2 min read", "reading_time_seconds": 118500, "reading_time_words": 395, "slug": "wsl-on-windows-11", "tags": "wsl,windows,ubuntu", "title": "Windows Subsystem for Linux on Windows 11", "last_updated": "2023-11-30T20:12:16.469Z" }, { "id": 9, "date": "2021-03-24T00:00:00.000Z", "is_private": 0, "preview": "I have always liked using Windows Subsystem for Linux (WSL), I’d\nroutinely trash installs then reinstall them from the Microsoft store\nand have become quite adept at setting up new instances with\neverything I need to get back to coding as quickly as...", "preview_html": "

I have been having a blast playing around with configuring Fedora 33 in Windows via Windows Subsystem for Linux, I didn’t know you could straight up import a Linux distro and use it.

In this guide I’ll go through the complete setup needed to go from ...

Fedora Remix for WSL was on sale for £2.51 so I thought I’d have a look see and add it to the rest of the other WSL distros I have installed.

As I’m all jazzed about using Cypress in WSL I thought I’d give it a go on Fedora.

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

", "reading_time_minutes": 0.905, "reading_time_text": "1 min read", "reading_time_seconds": 54300, "reading_time_words": 181, "slug": "use-chrome-in-ubuntu-wsl", "tags": "guide,linux,ubuntu,wsl", "title": "Use Google Chrome in Ubuntu on Windows Subsystem Linux", "last_updated": "2023-11-30T20:12:15.900Z" }, { "id": 68, "date": "2020-12-09T00:00:00.000Z", "is_private": 0, "preview": "So this post started off with me getting GUI apps running on my\nWindows WSL install of Pengwin, but has now turned into doing it\nwithout the need to fork over the readies for Pengwin as now you can\ndo it with Ubuntu or Debian (possibly others) which...", "preview_html": "

", "reading_time_minutes": 8.75, "reading_time_text": "9 min read", "reading_time_seconds": 525000, "reading_time_words": 1750, "slug": "gui-with-wsl", "tags": "wsl,testing,guide", "title": "Enable GUIs on Windows Subsystem Linux (WSL)", "last_updated": "2023-12-02T20:16:09.270Z" }, { "id": 177, "date": "2020-08-26T00:00:00.000Z", "is_private": 0, "preview": "Yo! It’s that time again!!\n\nThis is an opinionated guide on setting up a development environment\nfor web development in widows that will use the requisite tools, Bash,\nNode, Git, VS Code etc…", "preview_html": "

Yo! It’s that time again!!

This is an opinionated guide on setting up a development environment for web development in widows that will use the requisite tools, Bash, Node, Git, VS Code etc…

Now that Windows Subsystem Linux has finally arrived I think it’s time to refresh my notes on it from the last post I did back at the end of 2018.

https://docs.microsoft.com/en-gb/windows/wsl/install-win10

", "reading_time_minutes": 0.385, "reading_time_text": "1 min read", "reading_time_seconds": 23100, "reading_time_words": 77, "slug": "wsl2-up-and-running", "tags": "learning,guide,wsl,n,node,react", "title": "Windows Subsystem Linux 2 (WSL) - Up and Running", "last_updated": "2023-11-30T20:12:16.516Z" }, { "id": 159, "date": "2020-01-28T00:00:00.000Z", "is_private": 0, "preview": "In this guide I’m going to detail upgrading a Windows Subsystem Linux\n(WSL) Ubuntu install from the current version 18.04 to 19.10 this is\nan intermediary release before Ubuntu 20.04 is released on 2020\nApril 23.\n\nI have documented this process in...", "preview_html": "

I have documented this process in the...

", "reading_time_minutes": 2.77, "reading_time_text": "3 min read", "reading_time_seconds": 166200, "reading_time_words": 554, "slug": "update-wsl-ubuntu-from-18.10-to-19.10", "tags": "wsl,guide,ubuntu", "title": "Upgrade Windows Subsystem Linux - Ubuntu 18.04 to Ubuntu 19.10", "last_updated": "2023-11-30T20:12:15.827Z" }, { "id": 158, "date": "2019-04-01T00:00:00.000Z", "is_private": 0, "preview": "Already use WSL with Ubuntu? Want an Upgrade??\n\nThis is a guide that will cover upgrading Windows Subsystem Linux\n(WSL) from the current LTS version to the latest ‘normal’ version\n18.10.", "preview_html": "

Already use WSL with Ubuntu? Want an Upgrade??

This is a guide that will cover upgrading Windows Subsystem Linux (WSL) from the current LTS version to the latest ‘normal’ version 18.10.

", "reading_time_minutes": 2.3, "reading_time_text": "3 min read", "reading_time_seconds": 138000, "reading_time_words": 460, "slug": "update-wsl-from-18.04-18.10", "tags": "learning,wsl,guide,ubuntu", "title": "Update Windows Subsystem Linux Ubuntu from 18.04 to 18.10", "last_updated": "2023-11-30T20:12:15.791Z" }, { "id": 96, "date": "2019-01-27T00:00:00.000Z", "is_private": 0, "preview": "Over the past couple of weeks now I have set up several development\nmachines at work and have had to also use two git accounts, GitHub and\nBitbucket.\n\nTo connect to both I use SSH as a preference, I have been using SSH in\nplace of HTTPS for quite...", "preview_html": "

Over the past couple of weeks now I have set up several development machines at work and have had to also use two git accounts, GitHub and Bitbucket.

To connect to both I use SSH as a preference, I have been using SSH in place of HTTPS for quite some...

From scratch to Create React App on Windows

An opinionated guide on setting up a web development environment on Windows 10

", "reading_time_minutes": 16.56, "reading_time_text": "17 min read", "reading_time_seconds": 993600, "reading_time_words": 3312, "slug": "wsl-bootstrap-2019", "tags": "learning,guide,wsl,n,node", "title": "Windows Web-dev bootstrap", "last_updated": "2023-11-30T20:12:16.356Z" }, { "id": 178, "date": "2018-01-13T00:00:00.000Z", "is_private": 0, "preview": "I’m a Windows user, I have been a Linux user as well but I have found\nthat Windows is a bit less neck beardy for me, both\nhave their pros and cons. One of the big cons with Windows for me was\nwhen I started learning web development.\n\nThat was until...", "preview_html": "

", "reading_time_minutes": 4.51, "reading_time_text": "5 min read", "reading_time_seconds": 270600, "reading_time_words": 902, "slug": "wsl-bootstrap", "tags": "guide,wsl,n,node", "title": "Windows Subsystem Linux setup", "last_updated": "2023-11-30T20:12:16.421Z" } ], "hardware": [ { "id": 160, "date": "2023-10-07T00:00:00.000Z", "is_private": 0, "preview": "Real quick one for me! Future me that is!! I had to update the BIOS on\nmy motherboard, now a lot of manufacturers will recommend their\nsoftware which is usually hot garbage! Every time I try it I’m\nprompted to install virus protection and other...", "preview_html": "

", "reading_time_minutes": 1.855, "reading_time_text": "2 min read", "reading_time_seconds": 111300, "reading_time_words": 371, "slug": "updating-bios-on-motherboard", "tags": "windows,wsl,hardware,bios", "title": "Updating BIOS on Motherboard", "last_updated": "2023-11-30T20:12:15.851Z" }, { "id": 80, "date": "2021-12-27T00:00:00.000Z", "is_private": 0, "preview": "I’ve now gone through quite a few mechanical keyboards in a relatively\nshort time. The first couple of times were to replace the current\nfaulty one I was using. This time around it was more of a\nsustainability decision than a replacement.\n\nI’ll do a...", "preview_html": "

I’ve now gone through quite a few mechanical keyboards in a relatively short time. The first couple of times were to replace the current faulty one I was using. This time around it was more of a sustainability decision than a replacement.

I’ll do a q...

", "reading_time_minutes": 8.32, "reading_time_text": "9 min read", "reading_time_seconds": 499200, "reading_time_words": 1664, "slug": "keychron-q1-first-impressions", "tags": "hardware", "title": "Keychron Q1 - First Impressions", "last_updated": "2023-12-02T20:16:11.192Z" }, { "id": 85, "date": "2021-02-01T00:00:00.000Z", "is_private": 0, "preview": "The Logitech G915 Ten Keyless (TKL) has been a bit difficult to get\nhold of recently. If the feel of the keys on the G815 are anything to\ngo by then this keyboard was on my wish list.\n\nI did get one and have been using it for the last week or so...", "preview_html": "

The Logitech G915 Ten Keyless (TKL) has been a bit difficult to get hold of recently. If the feel of the keys on the G815 are anything to go by then this keyboard was on my wish list.

I did get one and have been using it for the last week or so now, ...

", "reading_time_minutes": 3.06, "reading_time_text": "4 min read", "reading_time_seconds": 183600, "reading_time_words": 612, "slug": "logitech-g915", "tags": "hardware", "title": "Logitech G915 - First Impressions", "last_updated": "2023-12-02T20:16:11.995Z" }, { "id": 84, "date": "2020-06-20T00:00:00.000Z", "is_private": 0, "preview": "My beloved HAVIT KB395L keyboard left Ctrl key has started cutting\nout intermittently. As a developer all my coding revolves around that\nkey saving changes and copy pasting.\n\nThis means that my code now breaks with a random in there where I\nthought...", "preview_html": "

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

", "reading_time_minutes": 5.135, "reading_time_text": "6 min read", "reading_time_seconds": 308100, "reading_time_words": 1027, "slug": "logitech-g815", "tags": "hardware,ubuntu", "title": "Logitech G815 Keyboard on Ubuntu - First Impressions", "last_updated": "2023-12-02T20:16:11.839Z" }, { "id": 45, "date": "2020-05-30T00:00:00.000Z", "is_private": 0, "preview": "I built my first PC, here’s how it went and what I learned.\n\nUp until recently I was very happy with my home computer, which was an\nASUS Transformer Pro T304UA.", "preview_html": "

I built my first PC, here’s how it went and what I learned.

Up until recently I was very happy with my home computer, which was an ASUS Transformer Pro T304UA.

", "reading_time_minutes": 10.03, "reading_time_text": "11 min read", "reading_time_seconds": 601800, "reading_time_words": 2006, "slug": "first-time-pc-build", "tags": "hello-world,ubuntu,learning,hardware", "title": "My First PC Build", "last_updated": "2023-12-02T20:16:05.567Z" } ], "bios": [ { "id": 160, "date": "2023-10-07T00:00:00.000Z", "is_private": 0, "preview": "Real quick one for me! Future me that is!! I had to update the BIOS on\nmy motherboard, now a lot of manufacturers will recommend their\nsoftware which is usually hot garbage! Every time I try it I’m\nprompted to install virus protection and other...", "preview_html": "

", "reading_time_minutes": 1.855, "reading_time_text": "2 min read", "reading_time_seconds": 111300, "reading_time_words": 371, "slug": "updating-bios-on-motherboard", "tags": "windows,wsl,hardware,bios", "title": "Updating BIOS on Motherboard", "last_updated": "2023-11-30T20:12:15.851Z" } ], "buttondown": [ { "id": 142, "date": "2023-10-01T00:00:00.000Z", "is_private": 0, "preview": "Ok, so, back at the start of the year, I switched from Revue (remember\nthat? 😅) to Brevo (Send In Blue at the time) and made a concerted\neffort to use it as I paid quite a premium for it! There was some fun\naround setting up DKIM records for the...", "preview_html": "

", "reading_time_minutes": 4.005, "reading_time_text": "4 min read", "reading_time_seconds": 240300, "reading_time_words": 801, "slug": "switching-from-brevo-to-buttondown", "tags": "notes,email,buttondown", "title": "Switching from Brevo to Buttondown", "last_updated": "2023-12-02T20:16:21.228Z" } ], "sveltekit": [ { "id": 7, "date": "2023-09-09T00:00:00.000Z", "is_private": 0, "preview": "Yesterday I switched my URL link shortener\nfrom Airtable to Upstash Redis. Airtable is great and I still use it\nfor a couple of features on this site, the contact from being one of\nthem. I am really enjoying using Upstash Redis for a lot of things...", "preview_html": "

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

", "reading_time_minutes": 3.785, "reading_time_text": "4 min read", "reading_time_seconds": 227100, "reading_time_words": 757, "slug": "airtable-to-upstash-redis-sveltekit", "tags": "sveltekit,redis,upstash", "title": "Airtable to Upstash Redis with SvelteKit", "last_updated": "2023-12-02T20:15:58.750Z" }, { "id": 141, "date": "2023-07-16T00:00:00.000Z", "is_private": 0, "preview": "I made a reactions component in SvelteKit that uses Upstash Redis to\nstore the user reactions. It uses a SvelteKit form action to submit\nthe reaction to the server. It’s a nice example of how to use Upstash\nwith SvelteKit.\n\nI’ll go through creating...", "preview_html": "

I made a reactions component in SvelteKit that uses Upstash Redis to store the user reactions. It uses a SvelteKit form action to submit the reaction to the server. It’s a nice example of how to use Upstash with SvelteKit.

I’ll go through creating th...

", "reading_time_minutes": 18.595, "reading_time_text": "19 min read", "reading_time_seconds": 1115700, "reading_time_words": 3719, "slug": "sveltekit-page-reaction-component-with-upstash-redis", "tags": "sveltekit,redis,upstash,how-to", "title": "SvelteKit Page Reaction Component with Upstash Redis", "last_updated": "2023-12-02T20:16:21.067Z" }, { "id": 33, "date": "2023-07-01T00:00:00.000Z", "is_private": 0, "preview": "Tailwind is awesome n’ all but what do you do when you want to change\nthe default fonts. I’ve spent a bit of time customising this site to\nuse local fonts above the default used in Tailwind CSS. In this post\nI’ll go over adding in new fonts for...", "preview_html": "

Tailwind is awesome n’ all but what do you do when you want to change the default fonts. I’ve spent a bit of time customising this site to use local fonts above the default used in Tailwind CSS. In this post I’ll go over adding in new fonts for Tailw...

", "reading_time_minutes": 10.92, "reading_time_text": "11 min read", "reading_time_seconds": 655200, "reading_time_words": 2184, "slug": "customising-fonts-in-tailwind-css-and-daisyui", "tags": "css,tailwind,how-to,daisyui,sveltekit", "title": "Customising Fonts in Tailwind CSS and daisyUI", "last_updated": "2023-12-02T20:16:03.604Z" }, { "id": 24, "date": "2023-06-28T00:00:00.000Z", "is_private": 0, "preview": "This guide will cover how to add a cookie-based theme selection to a\nSvelteKit site using daisyUI.\n\nI’ve always liked implementing something in the way of a theme change\ninto my sites. This often meant that I’d have to define my own theme\nup-front...", "preview_html": "

This guide will cover how to add a cookie-based theme selection to a SvelteKit site using daisyUI.

I’ve always liked implementing something in the way of a theme change into my sites. This often meant that I’d have to define my own theme up-front wit...

", "reading_time_minutes": 8.44, "reading_time_text": "9 min read", "reading_time_seconds": 506400, "reading_time_words": 1688, "slug": "cookie-based-theme-selection-in-sveltekit-with-daisyui", "tags": "sveltekit,daisyui,tailwind,how-to", "title": "Cookie-Based Theme Selection in SvelteKit with daisyUI", "last_updated": "2023-12-02T20:16:01.901Z" }, { "id": 70, "date": "2023-06-13T00:00:00.000Z", "is_private": 0, "preview": "Ok, on 2023-06-13 there was an AWS outage and everyone that used AWS\nEast was affected. I use Vercel for hosting and they use AWS for their\nedge rendering lambdas (in AWSEast) so I was affected.\n\nI have some analytics I bring in from Fathom...", "preview_html": "

Ok, on 2023-06-13 there was an AWS outage and everyone that used AWS East was affected. I use Vercel for hosting and they use AWS for their edge rendering lambdas (in AWSEast) so I was affected.

I have some analytics I bring in from Fathom Analytics ...

", "reading_time_minutes": 1.9, "reading_time_text": "2 min read", "reading_time_seconds": 114000, "reading_time_words": 380, "slug": "how-i-got-back-online-after-aws-east-went-down", "tags": "vercel,analytics,sveltekit", "title": "How I got back online after AWS East went down", "last_updated": "2023-12-02T20:16:09.602Z" }, { "id": 135, "date": "2023-05-21T00:00:00.000Z", "is_private": 0, "preview": "This is a how-to guide for adding a contact form to your SvelteKit\nsite using Airtable to store the submissions and notify you when there\nis a new submission.\n\nThis is an update to the previous post I did on this, the recent\nchanges to how you...", "preview_html": "

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

", "reading_time_minutes": 14.325, "reading_time_text": "15 min read", "reading_time_seconds": 859500, "reading_time_words": 2865, "slug": "sveltekit-contact-form-example-with-airtable", "tags": "sveltekit,how-to,guide,airtable", "title": "SvelteKit Contact Form Example with Airtable", "last_updated": "2023-12-02T20:16:20.055Z" }, { "id": 137, "date": "2023-04-14T00:00:00.000Z", "is_private": 0, "preview": "During a workshop I was hosting at CityJS (\nago) for getting started with Svelte and SvelteKit, I received some\nvaluable feedback from an attendee who was unclear about the role of\nthe load function in SvelteKit.\n\nThis prompted me to revisit this...", "preview_html": "

This prompted me to revisit this topi...

", "reading_time_minutes": 13.945, "reading_time_text": "14 min read", "reading_time_seconds": 836700, "reading_time_words": 2789, "slug": "sveltekit-data-loading-understanding-the-load-function", "tags": "sveltekit,resource,how-to", "title": "SvelteKit Data Loading, Understanding the load function", "last_updated": "2023-12-02T20:16:20.402Z" }, { "id": 12, "date": "2023-03-17T00:00:00.000Z", "is_private": 0, "preview": "I had a bit of a surprise land in my inbox at the start of the month\nfrom my analytics provider Fathom, the subject line “You’ve been\nquite popular”.\n\nNot the good type of surprise though! 😅", "preview_html": "

I had a bit of a surprise land in my inbox at the start of the month from my analytics provider Fathom, the subject line “You’ve been quite popular”.

Not the good type of surprise though! 😅

", "reading_time_minutes": 9.465, "reading_time_text": "10 min read", "reading_time_seconds": 567900, "reading_time_words": 1893, "slug": "caching-with-fathom-redis-and-sveltekit", "tags": "analytics,sveltekit,fathom,redis,caching", "title": "Caching with Fathom, Redis, and SvelteKit", "last_updated": "2023-12-02T20:15:59.644Z" }, { "id": 107, "date": "2023-02-25T00:00:00.000Z", "is_private": 0, "preview": "I came across this issue when adding real-time analytics to my site,\nessentially what I wanted to do was get some analytics data from a\nserver endpoint and pass that to the page.\n\nIn SvelteKit you can have different ways to get data onto a...", "preview_html": "

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

", "reading_time_minutes": 1.24, "reading_time_text": "2 min read", "reading_time_seconds": 74400, "reading_time_words": 248, "slug": "passing-sveltekit-page-server-js-data-to-page-js", "tags": "sveltekit,resource,how-to", "title": "Passing SvelteKit +page.server.ts data to +page.ts", "last_updated": "2023-12-02T20:16:15.549Z" }, { "id": 6, "date": "2023-02-21T00:00:00.000Z", "is_private": 0, "preview": "I spent a bit of time the other day looking into the Fathom Analytics\nAPI, this was something I took a look at around a year ago now, but I\ndidn’t really get around to using it.\n\nIf you’re looking to implement Fathom analytics on your site...", "preview_html": "

I spent a bit of time the other day looking into the Fathom Analytics API, this was something I took a look at around a year ago now, but I didn’t really get around to using it.

If you’re looking to implement Fathom analytics on your site, I updated ...

", "reading_time_minutes": 21.725, "reading_time_text": "22 min read", "reading_time_seconds": 1303500, "reading_time_words": 4345, "slug": "adding-real-time-analytics-to-my-sveltekit-site-with-fathom", "tags": "analytics,svelte,sveltekit,fathom", "title": "Adding real-time analytics to my SvelteKit site with Fathom", "last_updated": "2023-12-02T20:15:58.576Z" }, { "id": 119, "date": "2023-02-20T00:00:00.000Z", "is_private": 0, "preview": "Here’s a real quick one on making sure you don’t blow your crawl\nbudget on your SvelteKit project JavaScript files.\n\nI noticed this ago and didn’t write\nabout it. Tangentially related, I’ve recently been having a bit of a\nmare with Google indexing...", "preview_html": "

Here’s a real quick one on making sure you don’t blow your crawl budget on your SvelteKit project JavaScript files.

I noticed this ago and didn’t write about it. Tangentially related, I’ve recently been having a bit of a mare with Google indexing thi...

For the Tl;Dr skip to the solution.

", "reading_time_minutes": 4.385, "reading_time_text": "5 min read", "reading_time_seconds": 263100, "reading_time_words": 877, "slug": "how-to-implement-redirects-for-changed-post-routes-in-sveltekit", "tags": "sveltekit,seo,guide,how-to", "title": "How to Implement Redirects for Changed Post Routes in Sveltekit", "last_updated": "2023-12-02T20:16:09.758Z" }, { "id": 83, "date": "2023-01-15T00:00:00.000Z", "is_private": 0, "preview": "I had this idea whilst working on a SvelteKit project to see if I\ncould use the Marked package in place of MDSveX.\n\nSo the idea was that I only need the markdown rendered so I thought\nwhy not just load the file into a Svelte page and render...", "preview_html": "

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

So the idea was that I only need the markdown rendered so I thought why not just load the .md file into a Svelte page and render the co...

", "reading_time_minutes": 4.415, "reading_time_text": "5 min read", "reading_time_seconds": 264900, "reading_time_words": 883, "slug": "load-markdown-via-endpoint-in-sveltekit", "tags": "markdown,sveltekit", "title": "Load markdown via endpoint in SvelteKit", "last_updated": "2023-12-02T20:16:11.682Z" }, { "id": 64, "date": "2023-01-06T00:00:00.000Z", "is_private": 0, "preview": "Tailwind is cool, right? Really configurable as well, I wanted to add\nsome gradient animation to a project of mine. So did a search and\nfound this awesome post by Victor Yoalli on how to do it! Thanks\nVictor!\n\nI’ve basically taken Victor’s code and...", "preview_html": "

Tailwind is cool, right? Really configurable as well, I wanted to add some gradient animation to a project of mine. So did a search and found this awesome post by Victor Yoalli on how to do it! Thanks Victor!

", "reading_time_minutes": 4.61, "reading_time_text": "5 min read", "reading_time_seconds": 276600, "reading_time_words": 922, "slug": "gradient-animations-in-tailwindcss", "tags": "css,tailwind,how-to,svelte,sveltekit", "title": "Gradient animations with Tailwind CSS and SvelteKit", "last_updated": "2023-12-02T20:16:08.610Z" }, { "id": 75, "date": "2023-01-06T00:00:00.000Z", "is_private": 0, "preview": "Real quick! This was a dumb idea I had when I created the repo for\nthis in 2018 and never got around to doing anything with until\nyesterday! 😂\n\nTl;Dr: It’s a list of CSS filters that you can apply to an image\nto see what effect they have.", "preview_html": "

Real quick! This was a dumb idea I had when I created the repo for this in 2018 and never got around to doing anything with until yesterday! 😂

Tl;Dr: It’s a list of CSS filters that you can apply to an image to see what effect they have.

", "reading_time_minutes": 3.255, "reading_time_text": "4 min read", "reading_time_seconds": 195300, "reading_time_words": 651, "slug": "instagram-image-filters", "tags": "css,how-to,svelte,sveltekit", "title": "Instagram Image Filters with Tailwind CSS and SvelteKit", "last_updated": "2023-12-02T20:16:10.406Z" }, { "id": 36, "date": "2022-10-30T00:00:00.000Z", "is_private": 0, "preview": "With the recent changes to SvelteKit which has invalidated a lot of\ncontent already out there, I want to make some notes on how to load\ndata in SvelteKit.\n\nFirst up, if you weren’t aware, SvelteKit completely changed how file\nbased routing is done.", "preview_html": "

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.

First up, if you weren’t aware, SvelteKit completely changed how file based routing is done. Th...

", "reading_time_minutes": 5.065, "reading_time_text": "6 min read", "reading_time_seconds": 303900, "reading_time_words": 1013, "slug": "data-loading-in-sveltekit", "tags": "sveltekit,resource,how-to", "title": "Data loading in SvelteKit", "last_updated": "2023-12-02T20:16:04.141Z" }, { "id": 165, "date": "2022-10-01T00:00:00.000Z", "is_private": 0, "preview": "In this guide I’ll be going through getting set up with the Universal\nReact Query Library (URQL) in SvelteKit. There’s documentation you\ncan check out for URQL itself if you need to go more in depth. This\nwill be covering initialising the client and...", "preview_html": "

In this guide I’ll be going through getting set up with the Universal React Query Library (URQL) in SvelteKit. There’s documentation you can check out for URQL itself if you need to go more in depth. This will be covering initialising the client and ...

", "reading_time_minutes": 8.245, "reading_time_text": "9 min read", "reading_time_seconds": 494700, "reading_time_words": 1649, "slug": "use-urql-with-sveltekit", "tags": "sveltekit,how-to,svelte", "title": "Use URQL with SvelteKit", "last_updated": "2023-11-30T20:12:16.068Z" }, { "id": 139, "date": "2022-08-07T00:00:00.000Z", "is_private": 0, "preview": "With SvelteKit in the past if you wanted to use a file secret\nthat you didn’t want exposed on the client there was some additional\nconfig you needed to do.\n\nVite exposes all variables contained in the file prefixed with\n to the client. If you...", "preview_html": "

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.

Vite exposes all variables contained in the .env file prefixed with VITE_ to the client. ...

", "reading_time_minutes": 1.535, "reading_time_text": "2 min read", "reading_time_seconds": 92100, "reading_time_words": 307, "slug": "sveltekit-environment-variables-with-the-sveltekit-env-module", "tags": "sveltekit,notes", "title": "SvelteKit Environment Variables with the SvelteKit $env Module", "last_updated": "2023-12-02T20:16:20.753Z" }, { "id": 55, "date": "2022-07-19T00:00:00.000Z", "is_private": 0, "preview": "I’ve been having a play around with Storyblok this evening and want to\nmake some notes on getting set up with it.\n\nWith the moving target that is the public beta of SvelteKit there’s a\nfew things that have changed recently which I want to document...", "preview_html": "

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

With the moving target that is the public beta of SvelteKit there’s a few things that have changed recently which I want to document her...

", "reading_time_minutes": 11.795, "reading_time_text": "12 min read", "reading_time_seconds": 707700, "reading_time_words": 2359, "slug": "getting-set-up-with-storyblok-and-sveltekit", "tags": "sveltekit,storyblok,how-to,guide", "title": "Getting set up with Storyblok and SvelteKit", "last_updated": "2023-12-02T20:16:07.163Z" }, { "id": 148, "date": "2022-07-05T00:00:00.000Z", "is_private": 1, "preview": "The latest version of KitQL dropped yesterday!\n\nI’ve written about Getting Started with KitQL and GraphCMS in the\npast and there’s a few things that have changed between the two\nversions. Most notable to those are that KitQL has merged with\nHoudini.", "preview_html": "

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

", "reading_time_minutes": 0.84, "reading_time_text": "1 min read", "reading_time_seconds": 50400, "reading_time_words": 168, "slug": "the-new-kitql-sveltekit-graphql-client", "tags": "svelte,sveltekit,kitql,houdini,graphql", "title": "The new KitQL SvelteKit GraphQL client", "last_updated": "2023-12-02T20:16:22.193Z" }, { "id": 111, "date": "2022-07-03T00:00:00.000Z", "is_private": 0, "preview": "Here’s some of the issues I faced when deploying a SvelteKit project\nusing Prisma to Vercel.\n\nI was following along with the awesome guide put together by\nMatia, on authentication with SvelteKit using cookies. By far the\nmost comprehensive guide...", "preview_html": "

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

", "reading_time_minutes": 5.295, "reading_time_text": "6 min read", "reading_time_seconds": 317700, "reading_time_words": 1059, "slug": "prisma-sveltekit-planetscale-deployment-issues", "tags": "sveltekit,planetscale,prisma,vercel", "title": "Prisma, SvelteKit and PlanetScale deployment issues on Vercel", "last_updated": "2023-12-02T20:16:16.206Z" }, { "id": 156, "date": "2022-05-13T00:00:00.000Z", "is_private": 0, "preview": "I’ve started using TypeScript on every new project I start with\nSvelte. My buddy Jamie Barton has helped me out with getting set up\nwith the GraphQL Code Generator so that data is typed in the project.\n\nThis is a just so you know kind of guide as...", "preview_html": "

This is a just so you know kind of guide as ther...

", "reading_time_minutes": 5.545, "reading_time_text": "6 min read", "reading_time_seconds": 332700, "reading_time_words": 1109, "slug": "typescript-wit-sveltekit-example", "tags": "typescript,svelte,sveltekit,graphql,guide", "title": "GraphQL Code Generator with SvelteKit and TypeScript Example", "last_updated": "2023-11-30T20:12:15.736Z" }, { "id": 94, "date": "2022-05-02T00:00:00.000Z", "is_private": 0, "preview": "I have several components that I use across a couple of my SvelteKit\nprojects. I decided to make them into an npm package so that I’m not\nmaintaining them in several places.\n\nHere I’m going to go through the process I followed to develop the\npackage...", "preview_html": "

I have several components that I use across a couple of my SvelteKit projects. I decided to make them into an npm package so that I’m not maintaining them in several places.

Here I’m going to go through the process I followed to develop the package l...

", "reading_time_minutes": 1.825, "reading_time_text": "2 min read", "reading_time_seconds": 109500, "reading_time_words": 365, "slug": "making-npm-packages-with-sveltekit", "tags": "svelte,sveltekit,npm", "title": "Making npm Packages with SvelteKit", "last_updated": "2023-12-02T20:16:13.473Z" }, { "id": 57, "date": "2022-03-18T00:00:00.000Z", "is_private": 0, "preview": "KitQL is a GraphQL client for Svelte. It is a set of tools to help you\nquery GraphQL APIs. I’ve been using it in a couple of projects now and\nwant to share what I have learned. What better way to do that than the\n(now) classic re-reaction of the...", "preview_html": "

KitQL is a GraphQL client for Svelte. It is a set of tools to help you query GraphQL APIs. I’ve been using it in a couple of projects now and want to share what I have learned. What better way to do that than the (now) classic re-reaction of the Grap...

", "reading_time_minutes": 15.935, "reading_time_text": "16 min read", "reading_time_seconds": 956100, "reading_time_words": 3187, "slug": "getting-started-with-kitql-and-graphcms", "tags": "svelte,sveltekit,graphql,graphcms", "title": "Getting Started with KitQL and GraphCMS", "last_updated": "2023-12-02T20:16:07.480Z" }, { "id": 86, "date": "2022-03-02T00:00:00.000Z", "is_private": 0, "preview": "In this how-to I’ll be walking through the process of creating a\ncontact form in SvelteKit using Airtable for storing the submissions\nwith no additional dependencies.\n\n", "preview_html": "

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.

", "reading_time_minutes": 12.7, "reading_time_text": "13 min read", "reading_time_seconds": 762000, "reading_time_words": 2540, "slug": "make-a-contact-form-with-sveltekit-and-airtable", "tags": "sveltekit,how-to,svelte,airtable", "title": "Make a Contact Form with SvelteKit and Airtable", "last_updated": "2023-12-02T20:16:12.153Z" }, { "id": 163, "date": "2022-01-15T00:00:00.000Z", "is_private": 1, "preview": "Houdini! The disappearing GraphQL client! I’ve used Houdini for a\ncouple of projects now and I think it’s great!\n\nI first came across this post from the creator of Houdini (Alec\nAivazis) over on Dev.to for Building an Application with GraphQL...", "preview_html": "

Houdini! The disappearing GraphQL client! I’ve used Houdini for a couple of projects now and I think it’s great!

I first came across this post from the creator of Houdini (Alec Aivazis) over on Dev.to for Building an Application with GraphQL and Svel...

", "reading_time_minutes": 3.235, "reading_time_text": "4 min read", "reading_time_seconds": 194100, "reading_time_words": 647, "slug": "use-houdini-with-svelte", "tags": "sveltekit,how-to,graphql,graphcms", "title": "Use Houdini with Svelte", "last_updated": "2023-11-30T20:12:15.928Z" }, { "id": 35, "date": "2021-11-29T00:00:00.000Z", "is_private": 1, "preview": "Here’s an overview of the various ways to fetch data in Svelte. This\nwas inspired by a conversation I had on the Svelte Discord and goes\ninto detail on when and where to use each of the different methods.\n\n", "preview_html": "

", "reading_time_minutes": 2.4, "reading_time_text": "3 min read", "reading_time_seconds": 144000, "reading_time_words": 480, "slug": "data-fetching-in-svelte", "tags": "svelte,sveltekit,notes", "title": "Data Fetching in Svelte", "last_updated": "2023-12-02T20:16:03.970Z" }, { "id": 39, "date": "2021-11-03T00:00:00.000Z", "is_private": 0, "preview": "In this guide I’ll go through the configuration needed to get set up\nwith Fathom Analytics in a SvelteKit project.\n\nI’ll cover getting set up, tracking goals and creating and using a\ncustom Fathom Domain.", "preview_html": "

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

I’ll cover getting set up, tracking goals and creating and using a custom Fathom Domain.

", "reading_time_minutes": 11.05, "reading_time_text": "12 min read", "reading_time_seconds": 663000, "reading_time_words": 2210, "slug": "fathom-analytics-with-svelte", "tags": "analytics,svelte,sveltekit", "title": "Fathom Analytics with SvelteKit", "last_updated": "2023-12-02T20:16:04.621Z" }, { "id": 164, "date": "2021-10-22T00:00:00.000Z", "is_private": 0, "preview": "This guide has now been updated, take a look at Use URQL with\nSvelteKit for an up to date reference\n\nUse the Universal React Query Library (URQL) in Svelte!", "preview_html": "

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!

", "reading_time_minutes": 5.755, "reading_time_text": "6 min read", "reading_time_seconds": 345300, "reading_time_words": 1151, "slug": "use-urql-with-svelte", "tags": "sveltekit,how-to,svelte", "title": "Use URQL with Svelte", "last_updated": "2023-11-30T20:12:16.039Z" }, { "id": 44, "date": "2021-09-20T00:00:00.000Z", "is_private": 0, "preview": "Real quick example of how I used to fetch data from\nmultiple endpoints in SvelteKit.\n\nThis uses the server side that is part of SvelteKit and is\ndestructured into the function.", "preview_html": "

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

This uses the server side fetch that is part of SvelteKit and is destructured into the load function.

", "reading_time_minutes": 0.95, "reading_time_text": "1 min read", "reading_time_seconds": 57000, "reading_time_words": 190, "slug": "fetch-data-from-two-or-more-endpoints-in-svelte", "tags": "svelte,sveltekit", "title": "Fetch data from two or more endpoints in SvelteKit", "last_updated": "2023-12-02T20:16:05.411Z" }, { "id": 136, "date": "2021-09-20T00:00:00.000Z", "is_private": 1, "preview": "Okedokey! In this crash course I’ll be detailing loads of SvelteKit\nfeatures and how you can use them in a project.\n\nIf you prefer to see this in a video you can Tl;Dr to the video\nsection.", "preview_html": "

Okedokey! In this crash course I’ll be detailing loads of SvelteKit features and how you can use them in a project.

If you prefer to see this in a video you can Tl;Dr to the video section.

", "reading_time_minutes": 2.82, "reading_time_text": "3 min read", "reading_time_seconds": 169200, "reading_time_words": 564, "slug": "sveltekit-crash-course", "tags": "svelte,sveltekit", "title": "SvelteKit Crash Course", "last_updated": "2023-12-02T20:16:20.235Z" }, { "id": 167, "date": "2021-08-31T00:00:00.000Z", "is_private": 0, "preview": "I’ve been using Netlify recently to make a project that uses\nendpoints. Unlike with Vercel where you can use the endpoint to fetch\nthe data dynamically Netlify needs to statically generate the data.\n\nThere’s some SvelteKit settings that need...", "preview_html": "

I’ve been using Netlify recently to make a project that uses endpoints. Unlike with Vercel where you can use the endpoint to fetch the data dynamically Netlify needs to statically generate the data.

There’s some SvelteKit prerender settings that need...

", "reading_time_minutes": 0.655, "reading_time_text": "1 min read", "reading_time_seconds": 39300, "reading_time_words": 131, "slug": "using-skeltekit-endpoints-in-netlify", "tags": "svelte,sveltekit,netlify", "title": "Using SvelteKit Endpoints in Netlify", "last_updated": "2023-11-30T20:12:16.114Z" }, { "id": 38, "date": "2021-08-30T00:00:00.000Z", "is_private": 0, "preview": "Bit of preamble before I kick this off, subscribers to my newsletter\nwill know that I’ve been through a couple of platforms now (Zoho,\nSendGrid, Revue then Substack). I settled on Substack because of the\nediting experience what I didn’t want to...", "preview_html": "

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). I settled on Substack because of the editing experience what I didn’t want to settl...

", "reading_time_minutes": 10.32, "reading_time_text": "11 min read", "reading_time_seconds": 619200, "reading_time_words": 2064, "slug": "email-form-submission-with-sveltekit", "tags": "sveltekit,how-to,svelte", "title": "Make an Email Form Submission with SvelteKit", "last_updated": "2023-12-02T20:16:04.464Z" }, { "id": 88, "date": "2021-08-21T00:00:00.000Z", "is_private": 0, "preview": "If you want to rank on Google (and other search engines) you need to\nbe able to tell the world what your site consists of. A sitemap is\nused by the Googlebot, BingBot, DuckDuckBot and other search engines\nto tell them what pages are available.\n\nThis...", "preview_html": "

This g...

", "reading_time_minutes": 5.545, "reading_time_text": "6 min read", "reading_time_seconds": 332700, "reading_time_words": 1109, "slug": "make-a-sitemap-with-sveltekit", "tags": "svelte,sveltekit,seo,guide,how-to", "title": "Make a Sitemap with SvelteKit", "last_updated": "2023-12-02T20:16:12.469Z" }, { "id": 90, "date": "2021-08-09T00:00:00.000Z", "is_private": 0, "preview": "The indie web is alive and well and there are more and more people\ntaking control and owning their online presence and also how they\nconsume other content. One way to help consumers of your site know\nthat there is new content available is by making...", "preview_html": "

", "reading_time_minutes": 4.945, "reading_time_text": "5 min read", "reading_time_seconds": 296700, "reading_time_words": 989, "slug": "make-an-rss-feed-with-sveltekit", "tags": "svelte,sveltekit,rss,guide,how-to", "title": "Make an RSS Feed for your SvelteKit Project", "last_updated": "2023-12-02T20:16:12.816Z" }, { "id": 138, "date": "2021-06-22T00:00:00.000Z", "is_private": 0, "preview": "So SvelteKit is super awesome n’ all and the best thing ever but have\nyou ever tried to use a secret that you didn’t want exposed on\nthe client?\n\nSvelteKit uses Vite and it has a specific way to reference Env\nVariables and Modes, you reference a ...", "preview_html": "

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?

", "reading_time_minutes": 1.225, "reading_time_text": "2 min read", "reading_time_seconds": 73500, "reading_time_words": 245, "slug": "sveltekit-env-secrets", "tags": "sveltekit,notes", "title": "SvelteKit .env secrets", "last_updated": "2023-12-02T20:16:20.587Z" }, { "id": 34, "date": "2021-05-20T00:00:00.000Z", "is_private": 0, "preview": "Over the last few weeks, I have been getting familiar with Svelte and\nSvelteKit in particular. Coming from a React background there are many\nsimilarities using Svelte and some that are not.\n\nOne thing that came up when using Svelte was passing...", "preview_html": "

Over the last few weeks, I have been getting familiar with Svelte and SvelteKit in particular. Coming from a React background there are many similarities using Svelte and some that are not.

One thing that came up when using Svelte was passing values ...

", "reading_time_minutes": 6.23, "reading_time_text": "7 min read", "reading_time_seconds": 373800, "reading_time_words": 1246, "slug": "data-binding-in-svelte", "tags": "svelte,sveltekit", "title": "Data Binding in Svelte", "last_updated": "2023-12-02T20:16:03.794Z" }, { "id": 65, "date": "2021-05-06T00:00:00.000Z", "is_private": 0, "preview": "I made a starter blog with SvelteKit and GraphCMS, I’ve been doing a\ncouple of small projects with it and I really like it!\n\nThis will focus mainly on the Svelte and SvelteKit side with not too\nmuch emphasis on the GraphCMS side. GraphCMS has a blog...", "preview_html": "

I made a starter blog with SvelteKit and GraphCMS, I’ve been doing a couple of small projects with it and I really like it!

This will focus mainly on the Svelte and SvelteKit side with not too much emphasis on the GraphCMS side. GraphCMS has a blog s...

", "reading_time_minutes": 7.47, "reading_time_text": "8 min read", "reading_time_seconds": 448200, "reading_time_words": 1494, "slug": "graphcms-svelte-starter", "tags": "svelte,sveltekit,vite,graphcms", "title": "SvelteKit starter blog with GraphCMS", "last_updated": "2023-12-02T20:16:08.780Z" } ], "redis": [ { "id": 7, "date": "2023-09-09T00:00:00.000Z", "is_private": 0, "preview": "Yesterday I switched my URL link shortener\nfrom Airtable to Upstash Redis. Airtable is great and I still use it\nfor a couple of features on this site, the contact from being one of\nthem. I am really enjoying using Upstash Redis for a lot of things...", "preview_html": "

I’ll go through creating th...

", "reading_time_minutes": 18.595, "reading_time_text": "19 min read", "reading_time_seconds": 1115700, "reading_time_words": 3719, "slug": "sveltekit-page-reaction-component-with-upstash-redis", "tags": "sveltekit,redis,upstash,how-to", "title": "SvelteKit Page Reaction Component with Upstash Redis", "last_updated": "2023-12-02T20:16:21.067Z" }, { "id": 12, "date": "2023-03-17T00:00:00.000Z", "is_private": 0, "preview": "I had a bit of a surprise land in my inbox at the start of the month\nfrom my analytics provider Fathom, the subject line “You’ve been\nquite popular”.\n\nNot the good type of surprise though! 😅", "preview_html": "

I had a bit of a surprise land in my inbox at the start of the month from my analytics provider Fathom, the subject line “You’ve been quite popular”.

Not the good type of surprise though! 😅

", "reading_time_minutes": 9.465, "reading_time_text": "10 min read", "reading_time_seconds": 567900, "reading_time_words": 1893, "slug": "caching-with-fathom-redis-and-sveltekit", "tags": "analytics,sveltekit,fathom,redis,caching", "title": "Caching with Fathom, Redis, and SvelteKit", "last_updated": "2023-12-02T20:15:59.644Z" } ], "upstash": [ { "id": 7, "date": "2023-09-09T00:00:00.000Z", "is_private": 0, "preview": "Yesterday I switched my URL link shortener\nfrom Airtable to Upstash Redis. Airtable is great and I still use it\nfor a couple of features on this site, the contact from being one of\nthem. I am really enjoying using Upstash Redis for a lot of things...", "preview_html": "

I’ll go through creating th...

", "reading_time_minutes": 18.595, "reading_time_text": "19 min read", "reading_time_seconds": 1115700, "reading_time_words": 3719, "slug": "sveltekit-page-reaction-component-with-upstash-redis", "tags": "sveltekit,redis,upstash,how-to", "title": "SvelteKit Page Reaction Component with Upstash Redis", "last_updated": "2023-12-02T20:16:21.067Z" } ], "html": [ { "id": 74, "date": "2023-08-13T00:00:00.000Z", "is_private": 0, "preview": "I came across one of those infographic’s today detailing a couple of\nuses of the HTML tag and decided to dig a bit deeper into the\nuses for it and was quite surprised to find quite a few I didn’t know\nof.\n\nThis is a reference primarily for me...", "preview_html": "

This is a reference primarily for me de...

", "reading_time_minutes": 2.55, "reading_time_text": "3 min read", "reading_time_seconds": 153000, "reading_time_words": 510, "slug": "html-input-types-and-uses", "tags": "html,notes", "title": "HTML Input Types and Uses", "last_updated": "2023-12-02T20:16:10.250Z" } ], "how-to": [ { "id": 141, "date": "2023-07-16T00:00:00.000Z", "is_private": 0, "preview": "I made a reactions component in SvelteKit that uses Upstash Redis to\nstore the user reactions. It uses a SvelteKit form action to submit\nthe reaction to the server. It’s a nice example of how to use Upstash\nwith SvelteKit.\n\nI’ll go through creating...", "preview_html": "

I’ll go through creating th...

This guide will cover how to add a cookie-based theme selection to a SvelteKit site using daisyUI.

I’ve always liked implementing something in the way of a theme change into my sites. This often meant that I’d have to define my own theme up-front wit...

", "reading_time_minutes": 8.44, "reading_time_text": "9 min read", "reading_time_seconds": 506400, "reading_time_words": 1688, "slug": "cookie-based-theme-selection-in-sveltekit-with-daisyui", "tags": "sveltekit,daisyui,tailwind,how-to", "title": "Cookie-Based Theme Selection in SvelteKit with daisyUI", "last_updated": "2023-12-02T20:16:01.901Z" }, { "id": 135, "date": "2023-05-21T00:00:00.000Z", "is_private": 0, "preview": "This is a how-to guide for adding a contact form to your SvelteKit\nsite using Airtable to store the submissions and notify you when there\nis a new submission.\n\nThis is an update to the previous post I did on this, the recent\nchanges to how you...", "preview_html": "

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

", "reading_time_minutes": 14.325, "reading_time_text": "15 min read", "reading_time_seconds": 859500, "reading_time_words": 2865, "slug": "sveltekit-contact-form-example-with-airtable", "tags": "sveltekit,how-to,guide,airtable", "title": "SvelteKit Contact Form Example with Airtable", "last_updated": "2023-12-02T20:16:20.055Z" }, { "id": 137, "date": "2023-04-14T00:00:00.000Z", "is_private": 0, "preview": "During a workshop I was hosting at CityJS (\nago) for getting started with Svelte and SvelteKit, I received some\nvaluable feedback from an attendee who was unclear about the role of\nthe load function in SvelteKit.\n\nThis prompted me to revisit this...", "preview_html": "

This prompted me to revisit this topi...

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

", "reading_time_minutes": 1.24, "reading_time_text": "2 min read", "reading_time_seconds": 74400, "reading_time_words": 248, "slug": "passing-sveltekit-page-server-js-data-to-page-js", "tags": "sveltekit,resource,how-to", "title": "Passing SvelteKit +page.server.ts data to +page.ts", "last_updated": "2023-12-02T20:16:15.549Z" }, { "id": 71, "date": "2023-02-06T00:00:00.000Z", "is_private": 0, "preview": "In this post I’ll be detailing how I implemented redirects for changed\npost routes in SvelteKit. I initially did this back in the Summer of\n2021 but with the SvelteKit v1 release some things have changed.\n\nFor the Tl;Dr skip to the solution.", "preview_html": "

For the Tl;Dr skip to the solution.

", "reading_time_minutes": 4.385, "reading_time_text": "5 min read", "reading_time_seconds": 263100, "reading_time_words": 877, "slug": "how-to-implement-redirects-for-changed-post-routes-in-sveltekit", "tags": "sveltekit,seo,guide,how-to", "title": "How to Implement Redirects for Changed Post Routes in Sveltekit", "last_updated": "2023-12-02T20:16:09.758Z" }, { "id": 52, "date": "2023-01-06T00:00:00.000Z", "is_private": 0, "preview": "Two situations over the last couple of days I’ve needed to do this and\nI’ve had to look up the code to do it. So I thought I’d write it down\nhere so I can find it again.\n\nThis is being left here for me primarily as it’s something I need to\ndo...", "preview_html": "

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. So I thought I’d write it down here so I can find it again.

This is being left here for me primarily as it’s something I need to do occasion...

", "reading_time_minutes": 2.265, "reading_time_text": "3 min read", "reading_time_seconds": 135900, "reading_time_words": 453, "slug": "get-document-elements-from-page", "tags": "how-to,browser,javascript", "title": "Get document elements from a page", "last_updated": "2023-12-02T20:16:06.689Z" }, { "id": 64, "date": "2023-01-06T00:00:00.000Z", "is_private": 0, "preview": "Tailwind is cool, right? Really configurable as well, I wanted to add\nsome gradient animation to a project of mine. So did a search and\nfound this awesome post by Victor Yoalli on how to do it! Thanks\nVictor!\n\nI’ve basically taken Victor’s code and...", "preview_html": "

Real quick! This was a dumb idea I had when I created the repo for this in 2018 and never got around to doing anything with until yesterday! 😂

Tl;Dr: It’s a list of CSS filters that you can apply to an image to see what effect they have.

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.

First up, if you weren’t aware, SvelteKit completely changed how file based routing is done. Th...

", "reading_time_minutes": 5.065, "reading_time_text": "6 min read", "reading_time_seconds": 303900, "reading_time_words": 1013, "slug": "data-loading-in-sveltekit", "tags": "sveltekit,resource,how-to", "title": "Data loading in SvelteKit", "last_updated": "2023-12-02T20:16:04.141Z" }, { "id": 165, "date": "2022-10-01T00:00:00.000Z", "is_private": 0, "preview": "In this guide I’ll be going through getting set up with the Universal\nReact Query Library (URQL) in SvelteKit. There’s documentation you\ncan check out for URQL itself if you need to go more in depth. This\nwill be covering initialising the client and...", "preview_html": "

", "reading_time_minutes": 8.245, "reading_time_text": "9 min read", "reading_time_seconds": 494700, "reading_time_words": 1649, "slug": "use-urql-with-sveltekit", "tags": "sveltekit,how-to,svelte", "title": "Use URQL with SvelteKit", "last_updated": "2023-11-30T20:12:16.068Z" }, { "id": 55, "date": "2022-07-19T00:00:00.000Z", "is_private": 0, "preview": "I’ve been having a play around with Storyblok this evening and want to\nmake some notes on getting set up with it.\n\nWith the moving target that is the public beta of SvelteKit there’s a\nfew things that have changed recently which I want to document...", "preview_html": "

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

With the moving target that is the public beta of SvelteKit there’s a few things that have changed recently which I want to document her...

", "reading_time_minutes": 11.795, "reading_time_text": "12 min read", "reading_time_seconds": 707700, "reading_time_words": 2359, "slug": "getting-set-up-with-storyblok-and-sveltekit", "tags": "sveltekit,storyblok,how-to,guide", "title": "Getting set up with Storyblok and SvelteKit", "last_updated": "2023-12-02T20:16:07.163Z" }, { "id": 13, "date": "2022-07-12T00:00:00.000Z", "is_private": 0, "preview": "Styling a scrollbar with Tailwind CSS for Chrome, Edge, Safari and\nFirefox. This is possible with vendor prefixes and\npseudo-elements.\n\nI touched on the configuration for this in the Change Text Highlight\nColor with Tailwind CSS post I did recently.", "preview_html": "

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.

", "reading_time_minutes": 1.73, "reading_time_text": "2 min read", "reading_time_seconds": 103800, "reading_time_words": 346, "slug": "change-scrollbar-color-tailwind-css", "tags": "css,tailwind,how-to", "title": "Change Browser Scrollbar Colour with Tailwind CSS", "last_updated": "2023-12-02T20:15:59.827Z" }, { "id": 14, "date": "2022-06-03T00:00:00.000Z", "is_private": 0, "preview": "How to change the highlight color of text on the page? Here’s the\nsituation! I wanted to change the text highlight color to a different\ncolour than the default blue on my site.\n\nTo change the default text highlight color in a Tailwind CSS...", "preview_html": "

How to change the highlight color of text on the page? Here’s the situation! I wanted to change the text highlight color to a different colour than the default blue on my site.

To change the default text highlight color in a Tailwind CSS project you ...

", "reading_time_minutes": 2.815, "reading_time_text": "3 min read", "reading_time_seconds": 168900, "reading_time_words": 563, "slug": "change-text-highlight-colour-with-tailwind-css", "tags": "css,tailwind,how-to", "title": "Change Text Highlight Color with Tailwind CSS", "last_updated": "2023-12-02T20:16:00.033Z" }, { "id": 174, "date": "2022-04-18T00:00:00.000Z", "is_private": 0, "preview": "I’ve had this issue a couple of times now and want to document how to\nresolve it in most cases.\n\nThe latest time this happened to me was with the 22H2 insider preview\nWindows 11 update.", "preview_html": "

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

The latest time this happened to me was with the 22H2 insider preview Windows 11 update.

", "reading_time_minutes": 0.77, "reading_time_text": "1 min read", "reading_time_seconds": 46200, "reading_time_words": 154, "slug": "windows-update-download-error", "tags": "windows,how-to", "title": "How to Fix Windows Update Download Error", "last_updated": "2023-11-30T20:12:16.296Z" }, { "id": 17, "date": "2022-04-17T00:00:00.000Z", "is_private": 0, "preview": "The Git username and email are the bare minimum needed for when\nworking with Git to commit changes. It’s also one of the first things\nyou do after installing Git.\n\nThe username and email are used to set the author of commits. Version\ncontrol...", "preview_html": "

The Git username and email are the bare minimum needed for when working with Git to commit changes. It’s also one of the first things you do after installing Git.

The username and email are used to set the author of commits. Version control wouldn’t ...

", "reading_time_minutes": 1.785, "reading_time_text": "2 min read", "reading_time_seconds": 107100, "reading_time_words": 357, "slug": "configure-git-username-and-email", "tags": "git,how-to", "title": "How to Configure Git Username and Email", "last_updated": "2023-12-02T20:16:00.654Z" }, { "id": 28, "date": "2022-04-16T00:00:00.000Z", "is_private": 0, "preview": "Skip links are internal links that allow you to skip to the main\ncontent of the page.\n\nSo on this page, if you hit the tab key you’ll see a skip navigation\nbutton, something like this:", "preview_html": "

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

So on this page, if you hit the tab key you’ll see a skip navigation button, something like this:

", "reading_time_minutes": 2.23, "reading_time_text": "3 min read", "reading_time_seconds": 133800, "reading_time_words": 446, "slug": "create-skip-to-content-with-tailwind-css", "tags": "tailwind,css,how-to", "title": "Create Skip To Content With Tailwind CSS", "last_updated": "2023-12-02T20:16:02.658Z" }, { "id": 123, "date": "2022-04-14T00:00:00.000Z", "is_private": 0, "preview": "Secure Shell (SSH) is a secure way to connect with code repository\nhosts like GitLab, Bitbucket and of course GitHub. While HTTPS\nconnections require a username and password credentials, SSH instead\nuses a pair of cryptographically generated...", "preview_html": "

Secure Shell (SSH) is a secure way to connect with code repository hosts like GitLab, Bitbucket and of course GitHub. While HTTPS connections require a username and password credentials, SSH instead uses a pair of cryptographically generated keys.

Th...

", "reading_time_minutes": 3.285, "reading_time_text": "4 min read", "reading_time_seconds": 197100, "reading_time_words": 657, "slug": "set-up-ssh-for-use-with-git", "tags": "git,ssh,how-to", "title": "Set up SSH for use with Git", "last_updated": "2023-12-02T20:16:18.123Z" }, { "id": 89, "date": "2022-03-09T00:00:00.000Z", "is_private": 0, "preview": "URL shorteners, use them for when you want to share an easy to\nremember link. You can use a service like Bitly or TinyURL or any of\nthe other ones out there already, or you could make it something you’d\nwant to use and have a bit more of a...", "preview_html": "

", "reading_time_minutes": 6.26, "reading_time_text": "7 min read", "reading_time_seconds": 375600, "reading_time_words": 1252, "slug": "make-a-url-shortener-with-sveltekit", "tags": "how-to,svelte,guide,airtable", "title": "Make a URL Shortener with SvelteKit", "last_updated": "2023-12-02T20:16:12.636Z" }, { "id": 86, "date": "2022-03-02T00:00:00.000Z", "is_private": 0, "preview": "In this how-to I’ll be walking through the process of creating a\ncontact form in SvelteKit using Airtable for storing the submissions\nwith no additional dependencies.\n\n", "preview_html": "

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.

", "reading_time_minutes": 12.7, "reading_time_text": "13 min read", "reading_time_seconds": 762000, "reading_time_words": 2540, "slug": "make-a-contact-form-with-sveltekit-and-airtable", "tags": "sveltekit,how-to,svelte,airtable", "title": "Make a Contact Form with SvelteKit and Airtable", "last_updated": "2023-12-02T20:16:12.153Z" }, { "id": 19, "date": "2022-02-25T00:00:00.000Z", "is_private": 0, "preview": "Do you ever watch a live stream and wonder how the chat is shown? If\nyou have and you’ve searched online you’d probably have found videos\ndetailing how to do this with services like Streamlabs, or Stream\nElements. These involve configuring the panel...", "preview_html": "

Do you ever watch a live stream and wonder how the chat is shown? If you have and you’ve searched online you’d probably have found videos detailing how to do this with services like Streamlabs, or Stream Elements. These involve configuring the panel ...

", "reading_time_minutes": 4.84, "reading_time_text": "5 min read", "reading_time_seconds": 290400, "reading_time_words": 968, "slug": "consolodate-chat-sources-for-use-in-obs", "tags": "obs,how-to,streaming", "title": "Consolidate Chat Sources for Use in OBS with Social Stream", "last_updated": "2023-12-02T20:16:01.069Z" }, { "id": 163, "date": "2022-01-15T00:00:00.000Z", "is_private": 1, "preview": "Houdini! The disappearing GraphQL client! I’ve used Houdini for a\ncouple of projects now and I think it’s great!\n\nI first came across this post from the creator of Houdini (Alec\nAivazis) over on Dev.to for Building an Application with GraphQL...", "preview_html": "

Houdini! The disappearing GraphQL client! I’ve used Houdini for a couple of projects now and I think it’s great!

I first came across this post from the creator of Houdini (Alec Aivazis) over on Dev.to for Building an Application with GraphQL and Svel...

", "reading_time_minutes": 3.235, "reading_time_text": "4 min read", "reading_time_seconds": 194100, "reading_time_words": 647, "slug": "use-houdini-with-svelte", "tags": "sveltekit,how-to,graphql,graphcms", "title": "Use Houdini with Svelte", "last_updated": "2023-11-30T20:12:15.928Z" }, { "id": 140, "date": "2021-12-02T00:00:00.000Z", "is_private": 0, "preview": "If you want to fetch data from a GraphQL endpoint, you can use the\nbrowser fetch API without the need for any third party tools. You can\nuse the browser fetch API in SvelteKit on both the client and the\nserver.\n\nIn this first example I’m using the...", "preview_html": "

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. You can use the browser fetch API in SvelteKit on both the client and the server.

In this first example I’m using the Sve...

", "reading_time_minutes": 1.535, "reading_time_text": "2 min read", "reading_time_seconds": 92100, "reading_time_words": 307, "slug": "sveltekit-fetch-from-graphql-with-variables", "tags": "svelte,api,graphql,how-to", "title": "SvelteKit Fetch from GraphQL Endpoint with Variables", "last_updated": "2023-12-02T20:16:20.908Z" }, { "id": 73, "date": "2021-11-16T00:00:00.000Z", "is_private": 0, "preview": "How to set up Tailwind CSS with Svelte, two examples here of adding\nTailwind CSS to a new Svelte project.\n\nℹ️ Please note at the time of writing SvelteKit is not at v1 but this\nwill be the default way to create new Svelte projects when...", "preview_html": "

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

", "reading_time_minutes": 5.375, "reading_time_text": "6 min read", "reading_time_seconds": 322500, "reading_time_words": 1075, "slug": "how-to-set-up-svelte-with-tailwind", "tags": "tailwind,svelte,how-to", "title": "How to Set Up Svelte with Tailwind CSS", "last_updated": "2023-12-02T20:16:10.096Z" }, { "id": 8, "date": "2021-11-02T00:00:00.000Z", "is_private": 0, "preview": "I’ve had to make a copy of my current Ubuntu install for Windows\nSubsystem for Linux (WSL) and although I have written about this\nbefore but this time there were a few gotchas I want to cover here.\n\nWSL moves pretty fast so a lot of the...", "preview_html": "

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

", "reading_time_minutes": 4.3, "reading_time_text": "5 min read", "reading_time_seconds": 258000, "reading_time_words": 860, "slug": "backup-ubuntu-wsl-instances", "tags": "wsl,ubuntu,linux,how-to", "title": "Backup Ubuntu in Windows Subsystem for Linux", "last_updated": "2023-12-02T20:15:58.927Z" }, { "id": 164, "date": "2021-10-22T00:00:00.000Z", "is_private": 0, "preview": "This guide has now been updated, take a look at Use URQL with\nSvelteKit for an up to date reference\n\nUse the Universal React Query Library (URQL) in Svelte!", "preview_html": "

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!

", "reading_time_minutes": 5.755, "reading_time_text": "6 min read", "reading_time_seconds": 345300, "reading_time_words": 1151, "slug": "use-urql-with-svelte", "tags": "sveltekit,how-to,svelte", "title": "Use URQL with Svelte", "last_updated": "2023-11-30T20:12:16.039Z" }, { "id": 38, "date": "2021-08-30T00:00:00.000Z", "is_private": 0, "preview": "Bit of preamble before I kick this off, subscribers to my newsletter\nwill know that I’ve been through a couple of platforms now (Zoho,\nSendGrid, Revue then Substack). I settled on Substack because of the\nediting experience what I didn’t want to...", "preview_html": "

This g...

", "reading_time_minutes": 5.545, "reading_time_text": "6 min read", "reading_time_seconds": 332700, "reading_time_words": 1109, "slug": "make-a-sitemap-with-sveltekit", "tags": "svelte,sveltekit,seo,guide,how-to", "title": "Make a Sitemap with SvelteKit", "last_updated": "2023-12-02T20:16:12.469Z" }, { "id": 90, "date": "2021-08-09T00:00:00.000Z", "is_private": 0, "preview": "The indie web is alive and well and there are more and more people\ntaking control and owning their online presence and also how they\nconsume other content. One way to help consumers of your site know\nthat there is new content available is by making...", "preview_html": "

", "reading_time_minutes": 4.945, "reading_time_text": "5 min read", "reading_time_seconds": 296700, "reading_time_words": 989, "slug": "make-an-rss-feed-with-sveltekit", "tags": "svelte,sveltekit,rss,guide,how-to", "title": "Make an RSS Feed for your SvelteKit Project", "last_updated": "2023-12-02T20:16:12.816Z" }, { "id": 104, "date": "2021-04-28T00:00:00.000Z", "is_private": 0, "preview": "I came across this issue today when trying to set up OBS on a new\nmachine where trying to add a display capture and there was no output\nfor the screen.\n\nI found a fix, apparently this only affects laptops and it’s to do\nwith the video card.", "preview_html": "

I came across this issue today when trying to set up OBS on a new machine where trying to add a display capture and there was no output for the screen.

I found a fix, apparently this only affects laptops and it’s to do with the video card.

", "reading_time_minutes": 1.755, "reading_time_text": "2 min read", "reading_time_seconds": 105300, "reading_time_words": 351, "slug": "obs-display-capture-not-working", "tags": "how-to,obs", "title": "OBS Fix Display Capture not Working", "last_updated": "2023-12-02T20:16:15.074Z" }, { "id": 105, "date": "2021-04-28T00:00:00.000Z", "is_private": 0, "preview": "I got my new hardware from GraphCMS today and wanted to stream the\nsetup of a Windows PC for web development.\n\nThe idea was to do a ‘set up a Windows machine from scratch for web\ndevelopment’ and there would be restarts when installing...", "preview_html": "

I got my new hardware from GraphCMS today and wanted to stream the setup of a Windows PC for web development.

The idea was to do a ‘set up a Windows machine from scratch for web development’ and there would be restarts when installing Windows Subsyst...

", "reading_time_minutes": 1.95, "reading_time_text": "2 min read", "reading_time_seconds": 117000, "reading_time_words": 390, "slug": "obs-ndi-two-screen-capture", "tags": "how-to,obs", "title": "OBS Display Capture from one PC to Another", "last_updated": "2023-12-02T20:16:15.232Z" } ], "css": [ { "id": 33, "date": "2023-07-01T00:00:00.000Z", "is_private": 0, "preview": "Tailwind is awesome n’ all but what do you do when you want to change\nthe default fonts. I’ve spent a bit of time customising this site to\nuse local fonts above the default used in Tailwind CSS. In this post\nI’ll go over adding in new fonts for...", "preview_html": "

", "reading_time_minutes": 10.92, "reading_time_text": "11 min read", "reading_time_seconds": 655200, "reading_time_words": 2184, "slug": "customising-fonts-in-tailwind-css-and-daisyui", "tags": "css,tailwind,how-to,daisyui,sveltekit", "title": "Customising Fonts in Tailwind CSS and daisyUI", "last_updated": "2023-12-02T20:16:03.604Z" }, { "id": 168, "date": "2023-01-17T00:00:00.000Z", "is_private": 0, "preview": "I did what I usually do and made a useless project! I was searching\nfor HTTP codes and went to httpcodes.com to see if anyone had done\nanything there and it looks like it’s parked. This made me think\nthough, “what about httpcodes.dev?”\n\nSo, yeah, I...", "preview_html": "

I did what I usually do and made a useless project! I was searching for HTTP codes and went to httpcodes.com to see if anyone had done anything there and it looks like it’s parked. This made me think though, “what about httpcodes.dev?”

", "reading_time_minutes": 9.37, "reading_time_text": "10 min read", "reading_time_seconds": 562200, "reading_time_words": 1874, "slug": "using-the-svelte-use-action-for-animations", "tags": "svelte,css,animation", "title": "Using the Svelte use action for animations", "last_updated": "2023-11-30T20:12:16.146Z" }, { "id": 64, "date": "2023-01-06T00:00:00.000Z", "is_private": 0, "preview": "Tailwind is cool, right? Really configurable as well, I wanted to add\nsome gradient animation to a project of mine. So did a search and\nfound this awesome post by Victor Yoalli on how to do it! Thanks\nVictor!\n\nI’ve basically taken Victor’s code and...", "preview_html": "

Real quick! This was a dumb idea I had when I created the repo for this in 2018 and never got around to doing anything with until yesterday! 😂

Tl;Dr: It’s a list of CSS filters that you can apply to an image to see what effect they have.

", "reading_time_minutes": 3.255, "reading_time_text": "4 min read", "reading_time_seconds": 195300, "reading_time_words": 651, "slug": "instagram-image-filters", "tags": "css,how-to,svelte,sveltekit", "title": "Instagram Image Filters with Tailwind CSS and SvelteKit", "last_updated": "2023-12-02T20:16:10.406Z" }, { "id": 13, "date": "2022-07-12T00:00:00.000Z", "is_private": 0, "preview": "Styling a scrollbar with Tailwind CSS for Chrome, Edge, Safari and\nFirefox. This is possible with vendor prefixes and\npseudo-elements.\n\nI touched on the configuration for this in the Change Text Highlight\nColor with Tailwind CSS post I did recently.", "preview_html": "

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.

How to change the highlight color of text on the page? Here’s the situation! I wanted to change the text highlight color to a different colour than the default blue on my site.

To change the default text highlight color in a Tailwind CSS project you ...

", "reading_time_minutes": 2.815, "reading_time_text": "3 min read", "reading_time_seconds": 168900, "reading_time_words": 563, "slug": "change-text-highlight-colour-with-tailwind-css", "tags": "css,tailwind,how-to", "title": "Change Text Highlight Color with Tailwind CSS", "last_updated": "2023-12-02T20:16:00.033Z" }, { "id": 28, "date": "2022-04-16T00:00:00.000Z", "is_private": 0, "preview": "Skip links are internal links that allow you to skip to the main\ncontent of the page.\n\nSo on this page, if you hit the tab key you’ll see a skip navigation\nbutton, something like this:", "preview_html": "

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

So on this page, if you hit the tab key you’ll see a skip navigation button, something like this:

", "reading_time_minutes": 2.23, "reading_time_text": "3 min read", "reading_time_seconds": 133800, "reading_time_words": 446, "slug": "create-skip-to-content-with-tailwind-css", "tags": "tailwind,css,how-to", "title": "Create Skip To Content With Tailwind CSS", "last_updated": "2023-12-02T20:16:02.658Z" }, { "id": 134, "date": "2021-03-15T00:00:00.000Z", "is_private": 0, "preview": "When using Tailwind CSS in a Toast project I got a CSS warning\n when trying to use\nthe Tailwind directive.\n\nA quick Google gave me a stackoverflow result for using it in Vue but\nthe solution worked the same in Toast with one last...", "preview_html": "

When using Tailwind CSS in a Toast project I got a CSS warning semi-colon expected css(css-semicolonexpected) when trying to use the Tailwind @apply directive.

A quick Google gave me a stackoverflow result for using it in Vue but the solution worked ...

", "reading_time_minutes": 0.995, "reading_time_text": "1 min read", "reading_time_seconds": 59700, "reading_time_words": 199, "slug": "stylelint-configuration-for-tailwindcss", "tags": "tailwind,css,notes", "title": "Stylelint Configuration for use with Tailwind CSS", "last_updated": "2023-12-02T20:16:19.885Z" }, { "id": 149, "date": "2020-06-18T00:00:00.000Z", "is_private": 0, "preview": "This is a follow up on the post I did about Getting Started with\nLinaria\n\nThe starter I worked on last time I made into a template so it can be\nused as the base of this project.", "preview_html": "

This is a follow up on the post I did about Getting Started with Linaria

The starter I worked on last time I made into a template so it can be used as the base of this project.

", "reading_time_minutes": 3.755, "reading_time_text": "4 min read", "reading_time_seconds": 225300, "reading_time_words": 751, "slug": "theming-with-linaria", "tags": "css,css-in-js,linaria", "title": "Theming With Linaria", "last_updated": "2023-12-02T20:16:22.352Z" }, { "id": 82, "date": "2020-06-04T00:00:00.000Z", "is_private": 0, "preview": "I had a work colleague introduce me to Linaria last week and I’ve used\nit on a project and I quite like it.\n\nLinaria is like styled-components but different as in there’s no\nruntime cost and some other gotchas I’ve found along the way.", "preview_html": "

I had a work colleague introduce me to Linaria last week and I’ve used it on a project and I quite like it.

Linaria is like styled-components but different as in there’s no runtime cost and some other gotchas I’ve found along the way.

", "reading_time_minutes": 4.785, "reading_time_text": "5 min read", "reading_time_seconds": 287100, "reading_time_words": 957, "slug": "linaria-getting-started", "tags": "getting-started,hello-world,css,css-in-js,linaria", "title": "Linaria - Getting Started", "last_updated": "2023-12-02T20:16:11.524Z" }, { "id": 132, "date": "2020-05-11T00:00:00.000Z", "is_private": 0, "preview": "A curated list of hints and tips for using styled-components.\n\nBreakpoints", "preview_html": "

A curated list of hints and tips for using styled-components.

Breakpoints

This is a collection of some handy snippets and resources I collected which I’m going to be documenting here, it’s probably going to be a mess but it mainly for my reference.

Big thanks to Steve Schoger and Adam Wathan 🙏

", "reading_time_minutes": 1.92, "reading_time_text": "2 min read", "reading_time_seconds": 115200, "reading_time_words": 384, "slug": "css-resources", "tags": "css,resource", "title": "CSS Resources From Around the Web", "last_updated": "2023-12-02T20:16:02.847Z" }, { "id": 30, "date": "2020-05-02T00:00:00.000Z", "is_private": 0, "preview": "I used CSS variables to make a theme switch, light and dark, I’ve done\nthis in the past using styled-components but not attempted it via\nthe CSS variables route.\n\nWith styled-components you defined your colour schemes or themes in a\n object then use...", "preview_html": "

I used CSS variables to make a theme switch, light and dark, I’ve done this in the past using styled-components but not attempted it via the CSS variables route.

With styled-components you defined your colour schemes or themes in a theme object then ...

", "reading_time_minutes": 2.225, "reading_time_text": "3 min read", "reading_time_seconds": 133500, "reading_time_words": 445, "slug": "css-variables-dark-mode", "tags": "learning,css", "title": "CSS Variables Fallback", "last_updated": "2023-12-02T20:16:03.029Z" } ], "tailwind": [ { "id": 33, "date": "2023-07-01T00:00:00.000Z", "is_private": 0, "preview": "Tailwind is awesome n’ all but what do you do when you want to change\nthe default fonts. I’ve spent a bit of time customising this site to\nuse local fonts above the default used in Tailwind CSS. In this post\nI’ll go over adding in new fonts for...", "preview_html": "

This guide will cover how to add a cookie-based theme selection to a SvelteKit site using daisyUI.

I’ve always liked implementing something in the way of a theme change into my sites. This often meant that I’d have to define my own theme up-front wit...

", "reading_time_minutes": 8.44, "reading_time_text": "9 min read", "reading_time_seconds": 506400, "reading_time_words": 1688, "slug": "cookie-based-theme-selection-in-sveltekit-with-daisyui", "tags": "sveltekit,daisyui,tailwind,how-to", "title": "Cookie-Based Theme Selection in SvelteKit with daisyUI", "last_updated": "2023-12-02T20:16:01.901Z" }, { "id": 64, "date": "2023-01-06T00:00:00.000Z", "is_private": 0, "preview": "Tailwind is cool, right? Really configurable as well, I wanted to add\nsome gradient animation to a project of mine. So did a search and\nfound this awesome post by Victor Yoalli on how to do it! Thanks\nVictor!\n\nI’ve basically taken Victor’s code and...", "preview_html": "

", "reading_time_minutes": 4.61, "reading_time_text": "5 min read", "reading_time_seconds": 276600, "reading_time_words": 922, "slug": "gradient-animations-in-tailwindcss", "tags": "css,tailwind,how-to,svelte,sveltekit", "title": "Gradient animations with Tailwind CSS and SvelteKit", "last_updated": "2023-12-02T20:16:08.610Z" }, { "id": 13, "date": "2022-07-12T00:00:00.000Z", "is_private": 0, "preview": "Styling a scrollbar with Tailwind CSS for Chrome, Edge, Safari and\nFirefox. This is possible with vendor prefixes and\npseudo-elements.\n\nI touched on the configuration for this in the Change Text Highlight\nColor with Tailwind CSS post I did recently.", "preview_html": "

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.

How to change the highlight color of text on the page? Here’s the situation! I wanted to change the text highlight color to a different colour than the default blue on my site.

To change the default text highlight color in a Tailwind CSS project you ...

", "reading_time_minutes": 2.815, "reading_time_text": "3 min read", "reading_time_seconds": 168900, "reading_time_words": 563, "slug": "change-text-highlight-colour-with-tailwind-css", "tags": "css,tailwind,how-to", "title": "Change Text Highlight Color with Tailwind CSS", "last_updated": "2023-12-02T20:16:00.033Z" }, { "id": 28, "date": "2022-04-16T00:00:00.000Z", "is_private": 0, "preview": "Skip links are internal links that allow you to skip to the main\ncontent of the page.\n\nSo on this page, if you hit the tab key you’ll see a skip navigation\nbutton, something like this:", "preview_html": "

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

So on this page, if you hit the tab key you’ll see a skip navigation button, something like this:

", "reading_time_minutes": 2.23, "reading_time_text": "3 min read", "reading_time_seconds": 133800, "reading_time_words": 446, "slug": "create-skip-to-content-with-tailwind-css", "tags": "tailwind,css,how-to", "title": "Create Skip To Content With Tailwind CSS", "last_updated": "2023-12-02T20:16:02.658Z" }, { "id": 73, "date": "2021-11-16T00:00:00.000Z", "is_private": 0, "preview": "How to set up Tailwind CSS with Svelte, two examples here of adding\nTailwind CSS to a new Svelte project.\n\nℹ️ Please note at the time of writing SvelteKit is not at v1 but this\nwill be the default way to create new Svelte projects when...", "preview_html": "

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

", "reading_time_minutes": 5.375, "reading_time_text": "6 min read", "reading_time_seconds": 322500, "reading_time_words": 1075, "slug": "how-to-set-up-svelte-with-tailwind", "tags": "tailwind,svelte,how-to", "title": "How to Set Up Svelte with Tailwind CSS", "last_updated": "2023-12-02T20:16:10.096Z" }, { "id": 106, "date": "2021-08-12T00:00:00.000Z", "is_private": 0, "preview": "Having one place for all your social links is big business! Services\nlike Linktree, ContactInBio, LinkBook, etc all offer the same\nsort of service. One location for all your social links.\n\nThis is a nice project as a proof of concept to get you set...", "preview_html": "

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

", "reading_time_minutes": 2.035, "reading_time_text": "3 min read", "reading_time_seconds": 122100, "reading_time_words": 407, "slug": "once-click-links-page", "tags": "jamstack,vercel,netlify,guide,tailwind", "title": "Deploy Your Own Links Page with One Click", "last_updated": "2023-12-02T20:16:15.390Z" }, { "id": 134, "date": "2021-03-15T00:00:00.000Z", "is_private": 0, "preview": "When using Tailwind CSS in a Toast project I got a CSS warning\n when trying to use\nthe Tailwind directive.\n\nA quick Google gave me a stackoverflow result for using it in Vue but\nthe solution worked the same in Toast with one last...", "preview_html": "

When using Tailwind CSS in a Toast project I got a CSS warning semi-colon expected css(css-semicolonexpected) when trying to use the Tailwind @apply directive.

A quick Google gave me a stackoverflow result for using it in Vue but the solution worked ...

", "reading_time_minutes": 0.995, "reading_time_text": "1 min read", "reading_time_seconds": 59700, "reading_time_words": 199, "slug": "stylelint-configuration-for-tailwindcss", "tags": "tailwind,css,notes", "title": "Stylelint Configuration for use with Tailwind CSS", "last_updated": "2023-12-02T20:16:19.885Z" } ], "daisyui": [ { "id": 33, "date": "2023-07-01T00:00:00.000Z", "is_private": 0, "preview": "Tailwind is awesome n’ all but what do you do when you want to change\nthe default fonts. I’ve spent a bit of time customising this site to\nuse local fonts above the default used in Tailwind CSS. In this post\nI’ll go over adding in new fonts for...", "preview_html": "

This guide will cover how to add a cookie-based theme selection to a SvelteKit site using daisyUI.

I’ve always liked implementing something in the way of a theme change into my sites. This often meant that I’d have to define my own theme up-front wit...

", "reading_time_minutes": 8.44, "reading_time_text": "9 min read", "reading_time_seconds": 506400, "reading_time_words": 1688, "slug": "cookie-based-theme-selection-in-sveltekit-with-daisyui", "tags": "sveltekit,daisyui,tailwind,how-to", "title": "Cookie-Based Theme Selection in SvelteKit with daisyUI", "last_updated": "2023-12-02T20:16:01.901Z" } ], "vercel": [ { "id": 70, "date": "2023-06-13T00:00:00.000Z", "is_private": 0, "preview": "Ok, on 2023-06-13 there was an AWS outage and everyone that used AWS\nEast was affected. I use Vercel for hosting and they use AWS for their\nedge rendering lambdas (in AWSEast) so I was affected.\n\nI have some analytics I bring in from Fathom...", "preview_html": "

Ok, on 2023-06-13 there was an AWS outage and everyone that used AWS East was affected. I use Vercel for hosting and they use AWS for their edge rendering lambdas (in AWSEast) so I was affected.

I have some analytics I bring in from Fathom Analytics ...

", "reading_time_minutes": 1.9, "reading_time_text": "2 min read", "reading_time_seconds": 114000, "reading_time_words": 380, "slug": "how-i-got-back-online-after-aws-east-went-down", "tags": "vercel,analytics,sveltekit", "title": "How I got back online after AWS East went down", "last_updated": "2023-12-02T20:16:09.602Z" }, { "id": 111, "date": "2022-07-03T00:00:00.000Z", "is_private": 0, "preview": "Here’s some of the issues I faced when deploying a SvelteKit project\nusing Prisma to Vercel.\n\nI was following along with the awesome guide put together by\nMatia, on authentication with SvelteKit using cookies. By far the\nmost comprehensive guide...", "preview_html": "

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

", "reading_time_minutes": 5.295, "reading_time_text": "6 min read", "reading_time_seconds": 317700, "reading_time_words": 1059, "slug": "prisma-sveltekit-planetscale-deployment-issues", "tags": "sveltekit,planetscale,prisma,vercel", "title": "Prisma, SvelteKit and PlanetScale deployment issues on Vercel", "last_updated": "2023-12-02T20:16:16.206Z" }, { "id": 106, "date": "2021-08-12T00:00:00.000Z", "is_private": 0, "preview": "Having one place for all your social links is big business! Services\nlike Linktree, ContactInBio, LinkBook, etc all offer the same\nsort of service. One location for all your social links.\n\nThis is a nice project as a proof of concept to get you set...", "preview_html": "

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

", "reading_time_minutes": 2.035, "reading_time_text": "3 min read", "reading_time_seconds": 122100, "reading_time_words": 407, "slug": "once-click-links-page", "tags": "jamstack,vercel,netlify,guide,tailwind", "title": "Deploy Your Own Links Page with One Click", "last_updated": "2023-12-02T20:16:15.390Z" }, { "id": 61, "date": "2021-01-15T00:00:00.000Z", "is_private": 0, "preview": "This isn’t a guide, this is me documenting the how and why for a proof\nof concept project I worked on.\n\nSo, I started playing around with the GitHub GraphQL API endpoint to\ndo something I’ve been meaning to do for a wile now, that’s to make...", "preview_html": "

This isn’t a guide, this is me documenting the how and why for a proof of concept project I worked on.

So, I started playing around with the GitHub GraphQL API endpoint to do something I’ve been meaning to do for a wile now, that’s to make a serverle...

", "reading_time_minutes": 5.895, "reading_time_text": "6 min read", "reading_time_seconds": 353700, "reading_time_words": 1179, "slug": "github-user-details", "tags": "api,graphql,vercel", "title": "Using the GitHub GraphQL API in a serverless function - GraphQL vs REST", "last_updated": "2023-12-02T20:16:08.122Z" }, { "id": 87, "date": "2020-12-27T00:00:00.000Z", "is_private": 0, "preview": "Create a simple Node API on Vercel Serverless functions in under 20\nminutes. But first some preamble!\n\nA while back (3 years ago now!) I made a Positivity API, it was a\nreally simple array of positive quotes that’s used in the\n#100DaysOfCode twitter...", "preview_html": "

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

", "reading_time_minutes": 5.64, "reading_time_text": "6 min read", "reading_time_seconds": 338400, "reading_time_words": 1128, "slug": "make-a-simple-api-endpoint-with-vercel", "tags": "api,vercel,guide", "title": "Make a Simple API Endpoint with Vercel Serverless Functions", "last_updated": "2023-12-02T20:16:12.310Z" } ], "analytics": [ { "id": 70, "date": "2023-06-13T00:00:00.000Z", "is_private": 0, "preview": "Ok, on 2023-06-13 there was an AWS outage and everyone that used AWS\nEast was affected. I use Vercel for hosting and they use AWS for their\nedge rendering lambdas (in AWSEast) so I was affected.\n\nI have some analytics I bring in from Fathom...", "preview_html": "

Ok, on 2023-06-13 there was an AWS outage and everyone that used AWS East was affected. I use Vercel for hosting and they use AWS for their edge rendering lambdas (in AWSEast) so I was affected.

I have some analytics I bring in from Fathom Analytics ...

", "reading_time_minutes": 1.9, "reading_time_text": "2 min read", "reading_time_seconds": 114000, "reading_time_words": 380, "slug": "how-i-got-back-online-after-aws-east-went-down", "tags": "vercel,analytics,sveltekit", "title": "How I got back online after AWS East went down", "last_updated": "2023-12-02T20:16:09.602Z" }, { "id": 12, "date": "2023-03-17T00:00:00.000Z", "is_private": 0, "preview": "I had a bit of a surprise land in my inbox at the start of the month\nfrom my analytics provider Fathom, the subject line “You’ve been\nquite popular”.\n\nNot the good type of surprise though! 😅", "preview_html": "

I had a bit of a surprise land in my inbox at the start of the month from my analytics provider Fathom, the subject line “You’ve been quite popular”.

Not the good type of surprise though! 😅

", "reading_time_minutes": 9.465, "reading_time_text": "10 min read", "reading_time_seconds": 567900, "reading_time_words": 1893, "slug": "caching-with-fathom-redis-and-sveltekit", "tags": "analytics,sveltekit,fathom,redis,caching", "title": "Caching with Fathom, Redis, and SvelteKit", "last_updated": "2023-12-02T20:15:59.644Z" }, { "id": 6, "date": "2023-02-21T00:00:00.000Z", "is_private": 0, "preview": "I spent a bit of time the other day looking into the Fathom Analytics\nAPI, this was something I took a look at around a year ago now, but I\ndidn’t really get around to using it.\n\nIf you’re looking to implement Fathom analytics on your site...", "preview_html": "

I spent a bit of time the other day looking into the Fathom Analytics API, this was something I took a look at around a year ago now, but I didn’t really get around to using it.

If you’re looking to implement Fathom analytics on your site, I updated ...

", "reading_time_minutes": 21.725, "reading_time_text": "22 min read", "reading_time_seconds": 1303500, "reading_time_words": 4345, "slug": "adding-real-time-analytics-to-my-sveltekit-site-with-fathom", "tags": "analytics,svelte,sveltekit,fathom", "title": "Adding real-time analytics to my SvelteKit site with Fathom", "last_updated": "2023-12-02T20:15:58.576Z" }, { "id": 127, "date": "2023-01-14T00:00:00.000Z", "is_private": 0, "preview": "There were a couple of Tweets I saw in quick succession today along\nthe lines of “Don’t create your own blog, write on someone else’s\nplatform instead”. Now, as someone that has been blogging since\nApril 2010 (since 2016 here) I can tell you it is...", "preview_html": "

", "reading_time_minutes": 14.4, "reading_time_text": "15 min read", "reading_time_seconds": 864000, "reading_time_words": 2880, "slug": "should-i-create-my-own-blog", "tags": "writing,seo,analytics,notes", "title": "Should I create my own blog?", "last_updated": "2023-12-02T20:16:18.760Z" }, { "id": 39, "date": "2021-11-03T00:00:00.000Z", "is_private": 0, "preview": "In this guide I’ll go through the configuration needed to get set up\nwith Fathom Analytics in a SvelteKit project.\n\nI’ll cover getting set up, tracking goals and creating and using a\ncustom Fathom Domain.", "preview_html": "

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

I’ll cover getting set up, tracking goals and creating and using a custom Fathom Domain.

", "reading_time_minutes": 11.05, "reading_time_text": "12 min read", "reading_time_seconds": 663000, "reading_time_words": 2210, "slug": "fathom-analytics-with-svelte", "tags": "analytics,svelte,sveltekit", "title": "Fathom Analytics with SvelteKit", "last_updated": "2023-12-02T20:16:04.621Z" }, { "id": 40, "date": "2020-06-09T00:00:00.000Z", "is_private": 0, "preview": "Fathom Analytics, a great tool to use for your site analytics without\nthe compromise of giving your visitors data to Google.\n\nI’ve written about How to Track Custom Events with Fathom in the\npast but since then Fathom have changed their...", "preview_html": "

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

", "reading_time_minutes": 2.43, "reading_time_text": "3 min read", "reading_time_seconds": 145800, "reading_time_words": 486, "slug": "fathom-config", "tags": "analytics,learning,guide,hooks,react,gatsby", "title": "Fathom Analytics Gatsby Configuration", "last_updated": "2023-12-02T20:16:04.781Z" }, { "id": 2, "date": "2020-04-18T00:00:00.000Z", "is_private": 0, "preview": "I’m talking Fathom Analytics again, this time about tracking link\nclicks in my Markdown.\n\nI have written about how to track custom events with Fathom\npreviously and this is really an extension to that post.", "preview_html": "

I’m talking Fathom Analytics again, this time about tracking link clicks in my Markdown.

I have written about how to track custom events with Fathom previously and this is really an extension to that post.

Fathom Analytics recently added a really neat feature for custom domains with their service.

", "reading_time_minutes": 3.36, "reading_time_text": "4 min read", "reading_time_seconds": 201600, "reading_time_words": 672, "slug": "fathom-create-custom-domain", "tags": "analytics,learning,guide,fathom", "title": "Create a Custom Domain for Fathom Analytics", "last_updated": "2023-12-02T20:16:04.938Z" }, { "id": 150, "date": "2020-01-02T00:00:00.000Z", "is_private": 0, "preview": "In this guide I’m going to go through how to track custom events in a\nGatsby site using Fathom analytics.\n\nPreamble", "preview_html": "

In this guide I’m going to go through how to track custom events in a Gatsby site using Fathom analytics.

Preamble

", "reading_time_minutes": 5.305, "reading_time_text": "6 min read", "reading_time_seconds": 318300, "reading_time_words": 1061, "slug": "track-custom-events-with-fathom-analytics", "tags": "analytics,learning,guide,hooks,react,fathom", "title": "Track Custom Events With Fathom Analytics", "last_updated": "2023-12-02T20:16:22.507Z" }, { "id": 151, "date": "2019-09-16T00:00:00.000Z", "is_private": 0, "preview": "Do you use Google Analytics (GA) for any of your sites?\n\nI’ve used it in the past and it gives quite good information about", "preview_html": "

Do you use Google Analytics (GA) for any of your sites?

I’ve used it in the past and it gives quite good information about

", "reading_time_minutes": 1.04, "reading_time_text": "2 min read", "reading_time_seconds": 62400, "reading_time_words": 208, "slug": "track-custom-events-with-google", "tags": "learning,guide,hooks,react,analytics", "title": "Track Custom Events With Google Analytics", "last_updated": "2023-11-30T20:12:15.587Z" } ], "airtable": [ { "id": 135, "date": "2023-05-21T00:00:00.000Z", "is_private": 0, "preview": "This is a how-to guide for adding a contact form to your SvelteKit\nsite using Airtable to store the submissions and notify you when there\nis a new submission.\n\nThis is an update to the previous post I did on this, the recent\nchanges to how you...", "preview_html": "

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

", "reading_time_minutes": 14.325, "reading_time_text": "15 min read", "reading_time_seconds": 859500, "reading_time_words": 2865, "slug": "sveltekit-contact-form-example-with-airtable", "tags": "sveltekit,how-to,guide,airtable", "title": "SvelteKit Contact Form Example with Airtable", "last_updated": "2023-12-02T20:16:20.055Z" }, { "id": 89, "date": "2022-03-09T00:00:00.000Z", "is_private": 0, "preview": "URL shorteners, use them for when you want to share an easy to\nremember link. You can use a service like Bitly or TinyURL or any of\nthe other ones out there already, or you could make it something you’d\nwant to use and have a bit more of a...", "preview_html": "

", "reading_time_minutes": 6.26, "reading_time_text": "7 min read", "reading_time_seconds": 375600, "reading_time_words": 1252, "slug": "make-a-url-shortener-with-sveltekit", "tags": "how-to,svelte,guide,airtable", "title": "Make a URL Shortener with SvelteKit", "last_updated": "2023-12-02T20:16:12.636Z" }, { "id": 86, "date": "2022-03-02T00:00:00.000Z", "is_private": 0, "preview": "In this how-to I’ll be walking through the process of creating a\ncontact form in SvelteKit using Airtable for storing the submissions\nwith no additional dependencies.\n\n", "preview_html": "

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.

", "reading_time_minutes": 12.7, "reading_time_text": "13 min read", "reading_time_seconds": 762000, "reading_time_words": 2540, "slug": "make-a-contact-form-with-sveltekit-and-airtable", "tags": "sveltekit,how-to,svelte,airtable", "title": "Make a Contact Form with SvelteKit and Airtable", "last_updated": "2023-12-02T20:16:12.153Z" } ], "fathom": [ { "id": 12, "date": "2023-03-17T00:00:00.000Z", "is_private": 0, "preview": "I had a bit of a surprise land in my inbox at the start of the month\nfrom my analytics provider Fathom, the subject line “You’ve been\nquite popular”.\n\nNot the good type of surprise though! 😅", "preview_html": "

I had a bit of a surprise land in my inbox at the start of the month from my analytics provider Fathom, the subject line “You’ve been quite popular”.

Not the good type of surprise though! 😅

", "reading_time_minutes": 9.465, "reading_time_text": "10 min read", "reading_time_seconds": 567900, "reading_time_words": 1893, "slug": "caching-with-fathom-redis-and-sveltekit", "tags": "analytics,sveltekit,fathom,redis,caching", "title": "Caching with Fathom, Redis, and SvelteKit", "last_updated": "2023-12-02T20:15:59.644Z" }, { "id": 6, "date": "2023-02-21T00:00:00.000Z", "is_private": 0, "preview": "I spent a bit of time the other day looking into the Fathom Analytics\nAPI, this was something I took a look at around a year ago now, but I\ndidn’t really get around to using it.\n\nIf you’re looking to implement Fathom analytics on your site...", "preview_html": "

I spent a bit of time the other day looking into the Fathom Analytics API, this was something I took a look at around a year ago now, but I didn’t really get around to using it.

If you’re looking to implement Fathom analytics on your site, I updated ...

", "reading_time_minutes": 21.725, "reading_time_text": "22 min read", "reading_time_seconds": 1303500, "reading_time_words": 4345, "slug": "adding-real-time-analytics-to-my-sveltekit-site-with-fathom", "tags": "analytics,svelte,sveltekit,fathom", "title": "Adding real-time analytics to my SvelteKit site with Fathom", "last_updated": "2023-12-02T20:15:58.576Z" }, { "id": 41, "date": "2020-04-16T00:00:00.000Z", "is_private": 0, "preview": "Fathom Analytics recently added a really neat feature for custom\ndomains with their service.\n\nWhat does that mean then? Well it’s for bypassing ad-blocking\nextensions, not that Fathom wants to collect all your data, far from\nit.", "preview_html": "

Fathom Analytics recently added a really neat feature for custom domains with their service.

", "reading_time_minutes": 3.36, "reading_time_text": "4 min read", "reading_time_seconds": 201600, "reading_time_words": 672, "slug": "fathom-create-custom-domain", "tags": "analytics,learning,guide,fathom", "title": "Create a Custom Domain for Fathom Analytics", "last_updated": "2023-12-02T20:16:04.938Z" }, { "id": 150, "date": "2020-01-02T00:00:00.000Z", "is_private": 0, "preview": "In this guide I’m going to go through how to track custom events in a\nGatsby site using Fathom analytics.\n\nPreamble", "preview_html": "

In this guide I’m going to go through how to track custom events in a Gatsby site using Fathom analytics.

Preamble

", "reading_time_minutes": 5.305, "reading_time_text": "6 min read", "reading_time_seconds": 318300, "reading_time_words": 1061, "slug": "track-custom-events-with-fathom-analytics", "tags": "analytics,learning,guide,hooks,react,fathom", "title": "Track Custom Events With Fathom Analytics", "last_updated": "2023-12-02T20:16:22.507Z" } ], "caching": [ { "id": 12, "date": "2023-03-17T00:00:00.000Z", "is_private": 0, "preview": "I had a bit of a surprise land in my inbox at the start of the month\nfrom my analytics provider Fathom, the subject line “You’ve been\nquite popular”.\n\nNot the good type of surprise though! 😅", "preview_html": "

I had a bit of a surprise land in my inbox at the start of the month from my analytics provider Fathom, the subject line “You’ve been quite popular”.

Not the good type of surprise though! 😅

", "reading_time_minutes": 9.465, "reading_time_text": "10 min read", "reading_time_seconds": 567900, "reading_time_words": 1893, "slug": "caching-with-fathom-redis-and-sveltekit", "tags": "analytics,sveltekit,fathom,redis,caching", "title": "Caching with Fathom, Redis, and SvelteKit", "last_updated": "2023-12-02T20:15:59.644Z" } ], "svelte": [ { "id": 6, "date": "2023-02-21T00:00:00.000Z", "is_private": 0, "preview": "I spent a bit of time the other day looking into the Fathom Analytics\nAPI, this was something I took a look at around a year ago now, but I\ndidn’t really get around to using it.\n\nIf you’re looking to implement Fathom analytics on your site...", "preview_html": "

I spent a bit of time the other day looking into the Fathom Analytics API, this was something I took a look at around a year ago now, but I didn’t really get around to using it.

If you’re looking to implement Fathom analytics on your site, I updated ...

", "reading_time_minutes": 21.725, "reading_time_text": "22 min read", "reading_time_seconds": 1303500, "reading_time_words": 4345, "slug": "adding-real-time-analytics-to-my-sveltekit-site-with-fathom", "tags": "analytics,svelte,sveltekit,fathom", "title": "Adding real-time analytics to my SvelteKit site with Fathom", "last_updated": "2023-12-02T20:15:58.576Z" }, { "id": 168, "date": "2023-01-17T00:00:00.000Z", "is_private": 0, "preview": "I did what I usually do and made a useless project! I was searching\nfor HTTP codes and went to httpcodes.com to see if anyone had done\nanything there and it looks like it’s parked. This made me think\nthough, “what about httpcodes.dev?”\n\nSo, yeah, I...", "preview_html": "

Real quick! This was a dumb idea I had when I created the repo for this in 2018 and never got around to doing anything with until yesterday! 😂

Tl;Dr: It’s a list of CSS filters that you can apply to an image to see what effect they have.

", "reading_time_minutes": 3.255, "reading_time_text": "4 min read", "reading_time_seconds": 195300, "reading_time_words": 651, "slug": "instagram-image-filters", "tags": "css,how-to,svelte,sveltekit", "title": "Instagram Image Filters with Tailwind CSS and SvelteKit", "last_updated": "2023-12-02T20:16:10.406Z" }, { "id": 165, "date": "2022-10-01T00:00:00.000Z", "is_private": 0, "preview": "In this guide I’ll be going through getting set up with the Universal\nReact Query Library (URQL) in SvelteKit. There’s documentation you\ncan check out for URQL itself if you need to go more in depth. This\nwill be covering initialising the client and...", "preview_html": "

", "reading_time_minutes": 8.245, "reading_time_text": "9 min read", "reading_time_seconds": 494700, "reading_time_words": 1649, "slug": "use-urql-with-sveltekit", "tags": "sveltekit,how-to,svelte", "title": "Use URQL with SvelteKit", "last_updated": "2023-11-30T20:12:16.068Z" }, { "id": 148, "date": "2022-07-05T00:00:00.000Z", "is_private": 1, "preview": "The latest version of KitQL dropped yesterday!\n\nI’ve written about Getting Started with KitQL and GraphCMS in the\npast and there’s a few things that have changed between the two\nversions. Most notable to those are that KitQL has merged with\nHoudini.", "preview_html": "

The latest version of KitQL dropped yesterday!

", "reading_time_minutes": 0.84, "reading_time_text": "1 min read", "reading_time_seconds": 50400, "reading_time_words": 168, "slug": "the-new-kitql-sveltekit-graphql-client", "tags": "svelte,sveltekit,kitql,houdini,graphql", "title": "The new KitQL SvelteKit GraphQL client", "last_updated": "2023-12-02T20:16:22.193Z" }, { "id": 156, "date": "2022-05-13T00:00:00.000Z", "is_private": 0, "preview": "I’ve started using TypeScript on every new project I start with\nSvelte. My buddy Jamie Barton has helped me out with getting set up\nwith the GraphQL Code Generator so that data is typed in the project.\n\nThis is a just so you know kind of guide as...", "preview_html": "

This is a just so you know kind of guide as ther...

", "reading_time_minutes": 5.545, "reading_time_text": "6 min read", "reading_time_seconds": 332700, "reading_time_words": 1109, "slug": "typescript-wit-sveltekit-example", "tags": "typescript,svelte,sveltekit,graphql,guide", "title": "GraphQL Code Generator with SvelteKit and TypeScript Example", "last_updated": "2023-11-30T20:12:15.736Z" }, { "id": 94, "date": "2022-05-02T00:00:00.000Z", "is_private": 0, "preview": "I have several components that I use across a couple of my SvelteKit\nprojects. I decided to make them into an npm package so that I’m not\nmaintaining them in several places.\n\nHere I’m going to go through the process I followed to develop the\npackage...", "preview_html": "

I have several components that I use across a couple of my SvelteKit projects. I decided to make them into an npm package so that I’m not maintaining them in several places.

Here I’m going to go through the process I followed to develop the package l...

", "reading_time_minutes": 15.935, "reading_time_text": "16 min read", "reading_time_seconds": 956100, "reading_time_words": 3187, "slug": "getting-started-with-kitql-and-graphcms", "tags": "svelte,sveltekit,graphql,graphcms", "title": "Getting Started with KitQL and GraphCMS", "last_updated": "2023-12-02T20:16:07.480Z" }, { "id": 89, "date": "2022-03-09T00:00:00.000Z", "is_private": 0, "preview": "URL shorteners, use them for when you want to share an easy to\nremember link. You can use a service like Bitly or TinyURL or any of\nthe other ones out there already, or you could make it something you’d\nwant to use and have a bit more of a...", "preview_html": "

", "reading_time_minutes": 6.26, "reading_time_text": "7 min read", "reading_time_seconds": 375600, "reading_time_words": 1252, "slug": "make-a-url-shortener-with-sveltekit", "tags": "how-to,svelte,guide,airtable", "title": "Make a URL Shortener with SvelteKit", "last_updated": "2023-12-02T20:16:12.636Z" }, { "id": 86, "date": "2022-03-02T00:00:00.000Z", "is_private": 0, "preview": "In this how-to I’ll be walking through the process of creating a\ncontact form in SvelteKit using Airtable for storing the submissions\nwith no additional dependencies.\n\n", "preview_html": "

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.

", "reading_time_minutes": 12.7, "reading_time_text": "13 min read", "reading_time_seconds": 762000, "reading_time_words": 2540, "slug": "make-a-contact-form-with-sveltekit-and-airtable", "tags": "sveltekit,how-to,svelte,airtable", "title": "Make a Contact Form with SvelteKit and Airtable", "last_updated": "2023-12-02T20:16:12.153Z" }, { "id": 140, "date": "2021-12-02T00:00:00.000Z", "is_private": 0, "preview": "If you want to fetch data from a GraphQL endpoint, you can use the\nbrowser fetch API without the need for any third party tools. You can\nuse the browser fetch API in SvelteKit on both the client and the\nserver.\n\nIn this first example I’m using the...", "preview_html": "

In this first example I’m using the Sve...

", "reading_time_minutes": 1.535, "reading_time_text": "2 min read", "reading_time_seconds": 92100, "reading_time_words": 307, "slug": "sveltekit-fetch-from-graphql-with-variables", "tags": "svelte,api,graphql,how-to", "title": "SvelteKit Fetch from GraphQL Endpoint with Variables", "last_updated": "2023-12-02T20:16:20.908Z" }, { "id": 35, "date": "2021-11-29T00:00:00.000Z", "is_private": 1, "preview": "Here’s an overview of the various ways to fetch data in Svelte. This\nwas inspired by a conversation I had on the Svelte Discord and goes\ninto detail on when and where to use each of the different methods.\n\n", "preview_html": "

", "reading_time_minutes": 2.4, "reading_time_text": "3 min read", "reading_time_seconds": 144000, "reading_time_words": 480, "slug": "data-fetching-in-svelte", "tags": "svelte,sveltekit,notes", "title": "Data Fetching in Svelte", "last_updated": "2023-12-02T20:16:03.970Z" }, { "id": 73, "date": "2021-11-16T00:00:00.000Z", "is_private": 0, "preview": "How to set up Tailwind CSS with Svelte, two examples here of adding\nTailwind CSS to a new Svelte project.\n\nℹ️ Please note at the time of writing SvelteKit is not at v1 but this\nwill be the default way to create new Svelte projects when...", "preview_html": "

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

", "reading_time_minutes": 5.375, "reading_time_text": "6 min read", "reading_time_seconds": 322500, "reading_time_words": 1075, "slug": "how-to-set-up-svelte-with-tailwind", "tags": "tailwind,svelte,how-to", "title": "How to Set Up Svelte with Tailwind CSS", "last_updated": "2023-12-02T20:16:10.096Z" }, { "id": 39, "date": "2021-11-03T00:00:00.000Z", "is_private": 0, "preview": "In this guide I’ll go through the configuration needed to get set up\nwith Fathom Analytics in a SvelteKit project.\n\nI’ll cover getting set up, tracking goals and creating and using a\ncustom Fathom Domain.", "preview_html": "

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

I’ll cover getting set up, tracking goals and creating and using a custom Fathom Domain.

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!

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

This uses the server side fetch that is part of SvelteKit and is destructured into the load function.

Okedokey! In this crash course I’ll be detailing loads of SvelteKit features and how you can use them in a project.

If you prefer to see this in a video you can Tl;Dr to the video section.

There’s some SvelteKit prerender settings that need...

This g...

", "reading_time_minutes": 5.545, "reading_time_text": "6 min read", "reading_time_seconds": 332700, "reading_time_words": 1109, "slug": "make-a-sitemap-with-sveltekit", "tags": "svelte,sveltekit,seo,guide,how-to", "title": "Make a Sitemap with SvelteKit", "last_updated": "2023-12-02T20:16:12.469Z" }, { "id": 90, "date": "2021-08-09T00:00:00.000Z", "is_private": 0, "preview": "The indie web is alive and well and there are more and more people\ntaking control and owning their online presence and also how they\nconsume other content. One way to help consumers of your site know\nthat there is new content available is by making...", "preview_html": "

", "reading_time_minutes": 4.945, "reading_time_text": "5 min read", "reading_time_seconds": 296700, "reading_time_words": 989, "slug": "make-an-rss-feed-with-sveltekit", "tags": "svelte,sveltekit,rss,guide,how-to", "title": "Make an RSS Feed for your SvelteKit Project", "last_updated": "2023-12-02T20:16:12.816Z" }, { "id": 34, "date": "2021-05-20T00:00:00.000Z", "is_private": 0, "preview": "Over the last few weeks, I have been getting familiar with Svelte and\nSvelteKit in particular. Coming from a React background there are many\nsimilarities using Svelte and some that are not.\n\nOne thing that came up when using Svelte was passing...", "preview_html": "

Over the last few weeks, I have been getting familiar with Svelte and SvelteKit in particular. Coming from a React background there are many similarities using Svelte and some that are not.

One thing that came up when using Svelte was passing values ...

I made a starter blog with SvelteKit and GraphCMS, I’ve been doing a couple of small projects with it and I really like it!

This will focus mainly on the Svelte and SvelteKit side with not too much emphasis on the GraphCMS side. GraphCMS has a blog s...

", "reading_time_minutes": 7.47, "reading_time_text": "8 min read", "reading_time_seconds": 448200, "reading_time_words": 1494, "slug": "graphcms-svelte-starter", "tags": "svelte,sveltekit,vite,graphcms", "title": "SvelteKit starter blog with GraphCMS", "last_updated": "2023-12-02T20:16:08.780Z" }, { "id": 102, "date": "2021-04-06T00:00:00.000Z", "is_private": 0, "preview": "I had a play around with Svelte the other day and wanted to make a few\nnotes and comparisons to React, React being a point of reference for\nme and hopefully others.\n\nI’ve found a lot of the examples here on Svelte Mastery", "preview_html": "

I had a play around with Svelte the other day and wanted to make a few notes and comparisons to React, React being a point of reference for me and hopefully others.

I’ve found a lot of the examples here on Svelte Mastery

", "reading_time_minutes": 4.88, "reading_time_text": "5 min read", "reading_time_seconds": 292800, "reading_time_words": 976, "slug": "notes-on-svelte", "tags": "notes,svelte", "title": "Notes on Svelte", "last_updated": "2023-12-02T20:16:14.747Z" } ], "seo": [ { "id": 119, "date": "2023-02-20T00:00:00.000Z", "is_private": 0, "preview": "Here’s a real quick one on making sure you don’t blow your crawl\nbudget on your SvelteKit project JavaScript files.\n\nI noticed this ago and didn’t write\nabout it. Tangentially related, I’ve recently been having a bit of a\nmare with Google indexing...", "preview_html": "

Here’s a real quick one on making sure you don’t blow your crawl budget on your SvelteKit project JavaScript files.

I noticed this ago and didn’t write about it. Tangentially related, I’ve recently been having a bit of a mare with Google indexing thi...

For the Tl;Dr skip to the solution.

", "reading_time_minutes": 4.385, "reading_time_text": "5 min read", "reading_time_seconds": 263100, "reading_time_words": 877, "slug": "how-to-implement-redirects-for-changed-post-routes-in-sveltekit", "tags": "sveltekit,seo,guide,how-to", "title": "How to Implement Redirects for Changed Post Routes in Sveltekit", "last_updated": "2023-12-02T20:16:09.758Z" }, { "id": 127, "date": "2023-01-14T00:00:00.000Z", "is_private": 0, "preview": "There were a couple of Tweets I saw in quick succession today along\nthe lines of “Don’t create your own blog, write on someone else’s\nplatform instead”. Now, as someone that has been blogging since\nApril 2010 (since 2016 here) I can tell you it is...", "preview_html": "

", "reading_time_minutes": 14.4, "reading_time_text": "15 min read", "reading_time_seconds": 864000, "reading_time_words": 2880, "slug": "should-i-create-my-own-blog", "tags": "writing,seo,analytics,notes", "title": "Should I create my own blog?", "last_updated": "2023-12-02T20:16:18.760Z" }, { "id": 88, "date": "2021-08-21T00:00:00.000Z", "is_private": 0, "preview": "If you want to rank on Google (and other search engines) you need to\nbe able to tell the world what your site consists of. A sitemap is\nused by the Googlebot, BingBot, DuckDuckBot and other search engines\nto tell them what pages are available.\n\nThis...", "preview_html": "

This g...

", "reading_time_minutes": 5.545, "reading_time_text": "6 min read", "reading_time_seconds": 332700, "reading_time_words": 1109, "slug": "make-a-sitemap-with-sveltekit", "tags": "svelte,sveltekit,seo,guide,how-to", "title": "Make a Sitemap with SvelteKit", "last_updated": "2023-12-02T20:16:12.469Z" }, { "id": 37, "date": "2021-02-02T00:00:00.000Z", "is_private": 0, "preview": "A sitemap is an important for Search Engine Optimisation (SEO) because\nit makes it easier for Google and other search engines to find your\nsite’s pages.\n\nGoogle ranks web pages not just websites. There is no downside of\nhaving an XML Sitemap and...", "preview_html": "

A sitemap is an important for Search Engine Optimisation (SEO) because it makes it easier for Google and other search engines to find your site’s pages.

Google ranks web pages not just websites. There is no downside of having an XML Sitemap and havin...

", "reading_time_minutes": 2.315, "reading_time_text": "3 min read", "reading_time_seconds": 138900, "reading_time_words": 463, "slug": "dynamic-sitemap-generation-with-nextjs-and-sanity", "tags": "nextjs,seo,notes", "title": "Sitemap Generation for Dynamic Routes In NextJS with the Sanity Client", "last_updated": "2023-12-02T20:16:04.304Z" }, { "id": 116, "date": "2020-05-04T00:00:00.000Z", "is_private": 0, "preview": "Here’s some of the reasoning and detail that went into making the\nReact SEO Component.\n\nThere wasn’t a great deal I knew about Search Engine Optimization\nbefore I set about writing the Build a coding blog from scratch with\nGatsby and MDX guide that...", "preview_html": "

Here’s some of the reasoning and detail that went into making the React SEO Component.

There wasn’t a great deal I knew about Search Engine Optimization before I set about writing the Build a coding blog from scratch with Gatsby and MDX guide that I ...

", "reading_time_minutes": 3.905, "reading_time_text": "4 min read", "reading_time_seconds": 234300, "reading_time_words": 781, "slug": "react-seo-component", "tags": "learning,react,seo", "title": "Why Make a React SEO Component", "last_updated": "2023-12-02T20:16:16.996Z" } ], "domains": [ { "id": 5, "date": "2023-01-20T00:00:00.000Z", "is_private": 0, "preview": "So, I just found that the SPF record on my Fastmail account for\nscottspence.com was throwing a verification error. I didn’t really\nknow what the SPF record was for until this point and I had to\nresearch why it was failing on Fastmail.\n\nSo, I did a...", "preview_html": "

So, I did a pos...

I’ve documented that process of Setting up Fa...

", "reading_time_minutes": 2.64, "reading_time_text": "3 min read", "reading_time_seconds": 158400, "reading_time_words": 528, "slug": "adding-dkim-records-to-vercel", "tags": "domains,guide,resource", "title": "Adding DKIM records to Vercel", "last_updated": "2023-12-02T20:15:58.028Z" }, { "id": 171, "date": "2023-01-07T00:00:00.000Z", "is_private": 0, "preview": "I’ve now been using Fastmail for a year now. I was using ProtonMail\npreviously but decided to migrate to Fastmail. I’m going to go into\nthe details of why I switched. This is personal preference and my\nreasoning behind the switch.\n\nFor full...", "preview_html": "

For full disclosure...

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

If you’re interested in giving Fastmail a go then you can use my referral code for a 10% discount on the first year of Fastmail.

", "reading_time_minutes": 1.125, "reading_time_text": "2 min read", "reading_time_seconds": 67500, "reading_time_words": 225, "slug": "setting-up-fastmail-with-vercel", "tags": "domains,guide,resource,fastmail", "title": "Setting up Fastmail with Vercel", "last_updated": "2023-12-02T20:16:18.285Z" }, { "id": 125, "date": "2021-02-26T00:00:00.000Z", "is_private": 0, "preview": "In this post I’m detailing how I set up my domain with ProtonMail and\nVercel, this is mainly the CLI commands that are needed to get set up\nwith ProtonMail and Vercel.\n\nI’ve decided to give ProtonMail a shot, I have lost faith in Google\nbeing a...", "preview_html": "

In this post I’m detailing how I set up my domain with ProtonMail and Vercel, this is mainly the CLI commands that are needed to get set up with ProtonMail and Vercel.

I’ve decided to give ProtonMail a shot, I have lost faith in Google being a force ...

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

", "reading_time_minutes": 1.59, "reading_time_text": "2 min read", "reading_time_seconds": 95400, "reading_time_words": 318, "slug": "sending-emails-with-sendgrid", "tags": "guide,domains,email", "title": "Sending Emails With Twilio SendGrid", "last_updated": "2023-12-02T20:16:17.645Z" }, { "id": 31, "date": "2020-04-25T00:00:00.000Z", "is_private": 0, "preview": "In this guide I’m going to cover the configuring of your custom domain\nwith Vercel’s Now platform using the Now CLI.\n\nI’ll be primarily covering the steps you take after setting up an\naccount with an email provider, the email provider I’m using is...", "preview_html": "

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

Remember services like Bitly and TinyURL? Yeah, they still exist, shortening your URLs for you, they’ve been around for a long time too.

Bitly founded in 2008 and TinyURL founded in 2002 😱

", "reading_time_minutes": 5.465, "reading_time_text": "6 min read", "reading_time_seconds": 327900, "reading_time_words": 1093, "slug": "url-shortener-with-nowsh", "tags": "learning,guide,domains", "title": "Make a simple, personal, URL shortener with Now.sh", "last_updated": "2023-11-30T20:12:15.875Z" } ], "animation": [ { "id": 168, "date": "2023-01-17T00:00:00.000Z", "is_private": 0, "preview": "I did what I usually do and made a useless project! I was searching\nfor HTTP codes and went to httpcodes.com to see if anyone had done\nanything there and it looks like it’s parked. This made me think\nthough, “what about httpcodes.dev?”\n\nSo, yeah, I...", "preview_html": "

", "reading_time_minutes": 9.37, "reading_time_text": "10 min read", "reading_time_seconds": 562200, "reading_time_words": 1874, "slug": "using-the-svelte-use-action-for-animations", "tags": "svelte,css,animation", "title": "Using the Svelte use action for animations", "last_updated": "2023-11-30T20:12:16.146Z" } ], "markdown": [ { "id": 83, "date": "2023-01-15T00:00:00.000Z", "is_private": 0, "preview": "I had this idea whilst working on a SvelteKit project to see if I\ncould use the Marked package in place of MDSveX.\n\nSo the idea was that I only need the markdown rendered so I thought\nwhy not just load the file into a Svelte page and render...", "preview_html": "

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

So the idea was that I only need the markdown rendered so I thought why not just load the .md file into a Svelte page and render the co...

", "reading_time_minutes": 4.415, "reading_time_text": "5 min read", "reading_time_seconds": 264900, "reading_time_words": 883, "slug": "load-markdown-via-endpoint-in-sveltekit", "tags": "markdown,sveltekit", "title": "Load markdown via endpoint in SvelteKit", "last_updated": "2023-12-02T20:16:11.682Z" }, { "id": 93, "date": "2021-02-16T00:00:00.000Z", "is_private": 0, "preview": "Ever since I first saw Sara Vieira’s slides form Vue London 2018\nI’ve really liked the idea of writing a presentation in MDX.\n\nSara used something called MDX Deck and it’s pretty dope! You write\nyour slides in Markdown and sprinkle in other nice...", "preview_html": "

Ever since I first saw Sara Vieira’s slides form Vue London 2018 I’ve really liked the idea of writing a presentation in MDX.

Sara used something called MDX Deck and it’s pretty dope! You write your slides in Markdown and sprinkle in other nice bits ...

", "reading_time_minutes": 5.13, "reading_time_text": "6 min read", "reading_time_seconds": 307800, "reading_time_words": 1026, "slug": "making-mdx-presentations", "tags": "mdx,speaking,markdown", "title": "Making Presentations with MDX", "last_updated": "2023-12-02T20:16:13.313Z" }, { "id": 175, "date": "2020-09-17T00:00:00.000Z", "is_private": 0, "preview": "Here it is kids! All I know about Markdown. First! The standard\npreamble…\n\nBefore that though! Some of the possible titles I came up with before\nwriting this:", "preview_html": "

Here it is kids! All I know about Markdown. First! The standard preamble…

Before that though! Some of the possible titles I came up with before writing this:

", "reading_time_minutes": 10.315, "reading_time_text": "11 min read", "reading_time_seconds": 618900, "reading_time_words": 2063, "slug": "writing-with-markdown", "tags": "markdown,getting-started,guide", "title": "Markdown Showdown - All I Know About Markdown", "last_updated": "2023-11-30T20:12:16.319Z" }, { "id": 121, "date": "2020-04-30T00:00:00.000Z", "is_private": 0, "preview": "I recently purged all the cover images from this site to reduce the\noverall size of the project, plus they don’t really add to the\ncontent.\n\nThe only real plus for having a cover image was to that I could get\nthe sweet preview cards you get when...", "preview_html": "

I recently purged all the cover images from this site to reduce the overall size of the project, plus they don’t really add to the content.

The only real plus for having a cover image was to that I could get the sweet preview cards you get when shari...

", "reading_time_minutes": 5.29, "reading_time_text": "6 min read", "reading_time_seconds": 317400, "reading_time_words": 1058, "slug": "serverless-og-images", "tags": "guide,markdown", "title": "Open Graph Images with Gatsby and Now", "last_updated": "2023-12-02T20:16:17.800Z" }, { "id": 129, "date": "2020-02-13T00:00:00.000Z", "is_private": 0, "preview": "If you’re having issues with the clicks not scrolling to link IDs\nsee Not scrolling to ID\n\nThe main purpose for me documenting this is to demonstrate\nimplementing a table of contents with smooth scroll to the anchors in\na Gatsby project using MDX.", "preview_html": "

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’ll be swapping out the styles included with a CSS...

", "reading_time_minutes": 9.31, "reading_time_text": "10 min read", "reading_time_seconds": 558600, "reading_time_words": 1862, "slug": "globally-style-gatsby-styled-components", "tags": "learning,gatsby,guide,mdx,markdown", "title": "Globally Style the Gatsby Default Starter with styled-components v5", "last_updated": "2023-12-02T20:16:08.285Z" }, { "id": 11, "date": "2019-10-31T00:00:00.000Z", "is_private": 0, "preview": "I have been a Gatsby user since around v0 May 2017, at that time was\nusing a template called Lumen and it was just what I needed at the\ntime. Since then I have have gone from using a template to creating my\nblog.\n\nOver the years I have made my own...", "preview_html": "

Over the years I have made my own Pro...

", "reading_time_minutes": 41.83, "reading_time_text": "42 min read", "reading_time_seconds": 2509800, "reading_time_words": 8366, "slug": "build-an-mdx-blog", "tags": "learning,gatsby,guide,mdx,markdown", "title": "Build a coding blog from scratch with Gatsby and MDX", "last_updated": "2023-12-02T20:15:59.467Z" }, { "id": 23, "date": "2019-06-11T00:00:00.000Z", "is_private": 1, "preview": "Since publishing my last post on this Chris Biscardi has released an\nawesome MDX egghead.io course that goes over using MDX in a Gatsby\napplication. If you want to see how the pros do it then take a look at\nthe play list, it’s an egghead community...", "preview_html": "

In this guide we’re going to cover converting the Gatsby default blog starter to use MDX.

All the cool kids are using Gatsby and MDX in their blogs these days. If you already have a blog that uses Gatsby but want to move onto the new hotness then thi...

", "reading_time_minutes": 3.055, "reading_time_text": "4 min read", "reading_time_seconds": 183300, "reading_time_words": 611, "slug": "convert-gatsby-default-blog-to-mdx", "tags": "learning,gatsby,guide,mdx,markdown", "title": "Convert the Gatsby default starter blog to use MDX", "last_updated": "2023-12-02T20:16:01.551Z" } ], "writing": [ { "id": 127, "date": "2023-01-14T00:00:00.000Z", "is_private": 0, "preview": "There were a couple of Tweets I saw in quick succession today along\nthe lines of “Don’t create your own blog, write on someone else’s\nplatform instead”. Now, as someone that has been blogging since\nApril 2010 (since 2016 here) I can tell you it is...", "preview_html": "

", "reading_time_minutes": 14.4, "reading_time_text": "15 min read", "reading_time_seconds": 864000, "reading_time_words": 2880, "slug": "should-i-create-my-own-blog", "tags": "writing,seo,analytics,notes", "title": "Should I create my own blog?", "last_updated": "2023-12-02T20:16:18.760Z" } ], "mail": [ { "id": 171, "date": "2023-01-07T00:00:00.000Z", "is_private": 0, "preview": "I’ve now been using Fastmail for a year now. I was using ProtonMail\npreviously but decided to migrate to Fastmail. I’m going to go into\nthe details of why I switched. This is personal preference and my\nreasoning behind the switch.\n\nFor full...", "preview_html": "

For full disclosure...

", "reading_time_minutes": 2.66, "reading_time_text": "3 min read", "reading_time_seconds": 159600, "reading_time_words": 532, "slug": "why-fastmail-over-proton-mail", "tags": "mail,fastmail,protonmail,domains", "title": "Why Fastmail over ProtonMail", "last_updated": "2023-11-30T20:12:16.221Z" } ], "protonmail": [ { "id": 171, "date": "2023-01-07T00:00:00.000Z", "is_private": 0, "preview": "I’ve now been using Fastmail for a year now. I was using ProtonMail\npreviously but decided to migrate to Fastmail. I’m going to go into\nthe details of why I switched. This is personal preference and my\nreasoning behind the switch.\n\nFor full...", "preview_html": "

For full disclosure...

", "reading_time_minutes": 2.66, "reading_time_text": "3 min read", "reading_time_seconds": 159600, "reading_time_words": 532, "slug": "why-fastmail-over-proton-mail", "tags": "mail,fastmail,protonmail,domains", "title": "Why Fastmail over ProtonMail", "last_updated": "2023-11-30T20:12:16.221Z" } ], "browser": [ { "id": 52, "date": "2023-01-06T00:00:00.000Z", "is_private": 0, "preview": "Two situations over the last couple of days I’ve needed to do this and\nI’ve had to look up the code to do it. So I thought I’d write it down\nhere so I can find it again.\n\nThis is being left here for me primarily as it’s something I need to\ndo...", "preview_html": "

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. So I thought I’d write it down here so I can find it again.

This is being left here for me primarily as it’s something I need to do occasion...

", "reading_time_minutes": 2.265, "reading_time_text": "3 min read", "reading_time_seconds": 135900, "reading_time_words": 453, "slug": "get-document-elements-from-page", "tags": "how-to,browser,javascript", "title": "Get document elements from a page", "last_updated": "2023-12-02T20:16:06.689Z" } ], "javascript": [ { "id": 52, "date": "2023-01-06T00:00:00.000Z", "is_private": 0, "preview": "Two situations over the last couple of days I’ve needed to do this and\nI’ve had to look up the code to do it. So I thought I’d write it down\nhere so I can find it again.\n\nThis is being left here for me primarily as it’s something I need to\ndo...", "preview_html": "

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. So I thought I’d write it down here so I can find it again.

This is being left here for me primarily as it’s something I need to do occasion...

", "reading_time_minutes": 2.265, "reading_time_text": "3 min read", "reading_time_seconds": 135900, "reading_time_words": 453, "slug": "get-document-elements-from-page", "tags": "how-to,browser,javascript", "title": "Get document elements from a page", "last_updated": "2023-12-02T20:16:06.689Z" }, { "id": 117, "date": "2022-01-25T00:00:00.000Z", "is_private": 0, "preview": "How do you filter a JavaScript object that has duplicate properties?\nUse reduce! The specific situation I had is a list of objects with\nduplicate properties. I wanted to filter out the duplicates and return\na new object with only the unique...", "preview_html": "

How do you filter a JavaScript object that has duplicate properties? Use reduce! The specific situation I had is a list of objects with duplicate properties. I wanted to filter out the duplicates and return a new object with only the unique propertie...

", "reading_time_minutes": 2.9, "reading_time_text": "3 min read", "reading_time_seconds": 174000, "reading_time_words": 580, "slug": "reduce-and-filter-object-on-property", "tags": "snippets,javascript", "title": "Reduce and Filter JavaScript Object on Property", "last_updated": "2023-12-02T20:16:17.155Z" }, { "id": 77, "date": "2019-05-27T00:00:00.000Z", "is_private": 0, "preview": "This is a dump of all the snippets I have collected over the last 18\nmonths or so, that I’m going to document here so it’s probably going\nto be a mess but it’s mainly for my reference so 😛\n\nArrays", "preview_html": "

This is a dump of all the snippets I have collected over the last 18 months or so, that I’m going to document here so it’s probably going to be a mess but it’s mainly for my reference so 😛

Arrays

", "reading_time_minutes": 2.29, "reading_time_text": "3 min read", "reading_time_seconds": 137400, "reading_time_words": 458, "slug": "javascript-snippets", "tags": "learning,javascript,snippets", "title": "JavaScript snippets from around the web", "last_updated": "2023-12-02T20:16:10.718Z" } ], "career": [ { "id": 63, "date": "2022-12-24T00:00:00.000Z", "is_private": 0, "preview": "For 2023 I’m going to note down my goals for the year. I’ll take a\nlook at this quarterly and update it accordingly.\n\n", "preview_html": "

For 2023 I’m going to note down my goals for the year. I’ll take a look at this quarterly and update it accordingly.

", "reading_time_minutes": 0.88, "reading_time_text": "1 min read", "reading_time_seconds": 52800, "reading_time_words": 176, "slug": "goals-2023", "tags": "career,learning,habits", "title": "Goals for 2023", "last_updated": "2023-12-02T20:16:08.452Z" }, { "id": 128, "date": "2021-09-26T00:00:00.000Z", "is_private": 0, "preview": "Six months ago today I started a new job as a developer advocate for\nGraphCMS. This has taken me by surprise as if feels like I’ve only\njust started still!\n\n", "preview_html": "

Six months ago today I started a new job as a developer advocate for GraphCMS. This has taken me by surprise as if feels like I’ve only just started still!

", "reading_time_minutes": 2.98, "reading_time_text": "3 min read", "reading_time_seconds": 178800, "reading_time_words": 596, "slug": "six-months-as-a-developer-advocate", "tags": "career,notes", "title": "Six Months as a Developer Advocate - a retrospective", "last_updated": "2023-12-02T20:16:18.920Z" }, { "id": 18, "date": "2021-04-25T00:00:00.000Z", "is_private": 1, "preview": "I was listening to James Q Quick on his podcast, he was doing his\norigin story and there were some questions being asked and someone\nasked this question which got me thinking.\n\nDid you ever consider giving up?", "preview_html": "

I was listening to James Q Quick on his podcast, he was doing his origin story and there were some questions being asked and someone asked this question which got me thinking.

Did you ever consider giving up?

", "reading_time_minutes": 1.48, "reading_time_text": "2 min read", "reading_time_seconds": 88800, "reading_time_words": 296, "slug": "considered-quitting", "tags": "career,vba,notes", "title": "Ever Considered Quitting?", "last_updated": "2023-12-02T20:16:00.863Z" }, { "id": 144, "date": "2020-07-25T00:00:00.000Z", "is_private": 1, "preview": "I’ve written about this in the past and more recently how I’ve\nturned what can seem like a massive drain on your resources it into a\ndev project.\n\nThese are my opinions but ones that I know are shared by the rest of\nthe tech community as a whole.", "preview_html": "

I’ve written about this in the past and more recently how I’ve turned what can seem like a massive drain on your resources it into a dev project.

These are my opinions but ones that I know are shared by the rest of the tech community as a whole.

", "reading_time_minutes": 3.165, "reading_time_text": "4 min read", "reading_time_seconds": 189900, "reading_time_words": 633, "slug": "take-home-tests", "tags": "career", "title": "Take Home Tests", "last_updated": "2023-12-02T20:16:21.540Z" }, { "id": 25, "date": "2020-06-25T00:00:00.000Z", "is_private": 0, "preview": "Unprecedented times, 2020 has been something else, and hopefully\nsomething none of us will have to live through again.\n\nI’ve decided to take a few notes on what I’ve been doing in these\nunprecedented times.", "preview_html": "

Unprecedented times, 2020 has been something else, and hopefully something none of us will have to live through again.

I’ve decided to take a few notes on what I’ve been doing in these unprecedented times.

", "reading_time_minutes": 2.785, "reading_time_text": "3 min read", "reading_time_seconds": 167100, "reading_time_words": 557, "slug": "covid-chronicles", "tags": "habits,career", "title": "The COVID Chronicles - My Life In Lockdown", "last_updated": "2023-12-02T20:16:02.103Z" }, { "id": 78, "date": "2018-11-30T00:00:00.000Z", "is_private": 0, "preview": "Cliffs/TL;DR\n\nI made a recruiter FAQ on my personal site for recruiters and\ncreated an online CV.", "preview_html": "

Cliffs/TL;DR

I made a recruiter FAQ on my personal site for recruiters and created an online CV.

", "reading_time_minutes": 4.93, "reading_time_text": "5 min read", "reading_time_seconds": 295800, "reading_time_words": 986, "slug": "job-hunt-dev-project", "tags": "learning,career", "title": "Turning a job hunt into a dev project", "last_updated": "2023-12-02T20:16:10.874Z" }, { "id": 91, "date": "2018-02-27T00:00:00.000Z", "is_private": 0, "preview": "Life moves pretty fast. If you don’t stop and look around once in a\nwhile, you could miss it. — Ferris Bueller.\n\nI’m going to go over steps I have taken the help me with learning to\ncode (again)", "preview_html": "

Life moves pretty fast. If you don’t stop and look around once in a while, you could miss it. — Ferris Bueller.

", "reading_time_minutes": 6.715, "reading_time_text": "7 min read", "reading_time_seconds": 402900, "reading_time_words": 1343, "slug": "make-time-for-100doc", "tags": "guide,learning,habits,career", "title": "How to make time for 100 days of code", "last_updated": "2023-12-02T20:16:12.983Z" }, { "id": 15, "date": "2017-03-15T00:00:00.000Z", "is_private": 0, "preview": "Just some rationalisation of what I’m currently doing.\n\nRecently I have decided that I’m going to improve my current skill\nset. To do this I’m studying with freeCodeCamp for a full stack\ndeveloper certification, I’m also trying to learn as much as I...", "preview_html": "

Just some rationalisation of what I’m currently doing.

Recently I have decided that I’m going to improve my current skill set. To do this I’m studying with freeCodeCamp for a full stack developer certification, I’m also trying to learn as much as I c...

", "reading_time_minutes": 2.69, "reading_time_text": "3 min read", "reading_time_seconds": 161400, "reading_time_words": 538, "slug": "code-life-balance", "tags": "career", "title": "Code life balance", "last_updated": "2023-12-02T20:16:00.229Z" }, { "id": 79, "date": "2016-12-05T00:00:00.000Z", "is_private": 0, "preview": "This is basically a rant about the job market, I was laid off back in\nAugust, this is a terrible time of year to be looking for work,\neveryone is on holiday so things are generally pretty slow so when\nthis happened to me I did the same and went on...", "preview_html": "

This is basically a rant about the job market, I was laid off back in August, this is a terrible time of year to be looking for work, everyone is on holiday so things are generally pretty slow so when this happened to me I did the same and went on ho...

", "reading_time_minutes": 5.58, "reading_time_text": "6 min read", "reading_time_seconds": 334800, "reading_time_words": 1116, "slug": "job-hunting", "tags": "career", "title": "Job hunting, one class 'A' ballache", "last_updated": "2023-12-02T20:16:11.030Z" } ], "learning": [ { "id": 63, "date": "2022-12-24T00:00:00.000Z", "is_private": 0, "preview": "For 2023 I’m going to note down my goals for the year. I’ll take a\nlook at this quarterly and update it accordingly.\n\n", "preview_html": "

For 2023 I’m going to note down my goals for the year. I’ll take a look at this quarterly and update it accordingly.

", "reading_time_minutes": 0.88, "reading_time_text": "1 min read", "reading_time_seconds": 52800, "reading_time_words": 176, "slug": "goals-2023", "tags": "career,learning,habits", "title": "Goals for 2023", "last_updated": "2023-12-02T20:16:08.452Z" }, { "id": 26, "date": "2020-12-31T00:00:00.000Z", "is_private": 1, "preview": "I was asked to create a simple auth from at work, this tweet\nimmediately sprang to mind.\n\n", "preview_html": "

I was asked to create a simple auth from at work, this tweet immediately sprang to mind.

Create a Video overlay with React hooks.

I had to create a video overlay for a project I was working on. This example use a portal to render the player with react-player.

For the past couple of weeks now I have been getting familiar with Preact and the Preact CLI.

It’s great, it’s similar to React

", "reading_time_minutes": 1.165, "reading_time_text": "2 min read", "reading_time_seconds": 69900, "reading_time_words": 233, "slug": "preact-getting-started", "tags": "learning,guide", "title": "Getting started with Preact and the Preact CLI", "last_updated": "2023-12-02T20:16:16.036Z" }, { "id": 47, "date": "2020-12-14T00:00:00.000Z", "is_private": 0, "preview": "As a developer you spend a lot of time in the terminal so it’s\nimportant to be happy and as productive as possible whilst you’re in\nthere.\n\nThis is why I’m a big fan of the Fish Shell in particular. The Fish\nShell is a user friendly shell with...", "preview_html": "

As a developer you spend a lot of time in the terminal so it’s important to be happy and as productive as possible whilst you’re in there.

This is why I’m a big fan of the Fish Shell in particular. The Fish Shell is a user friendly shell with really ...

So I had a play around with the openSUSE Leap 15.2 you can get on the Windows store and after familiarising myself with it decided to see if I could use it for web development.

Well, yeah, you can, that’s it, that’s the post!

", "reading_time_minutes": 2.625, "reading_time_text": "3 min read", "reading_time_seconds": 157500, "reading_time_words": 525, "slug": "using-opensuse-for-webdev", "tags": "linux,learning,guide", "title": "WSL openSUSE for web dev", "last_updated": "2023-11-30T20:12:16.091Z" }, { "id": 184, "date": "2020-12-08T00:00:00.000Z", "is_private": 0, "preview": "Sooooooo, so, so, so, Zsh is pretty neat, right?\n\nI’ve been a long time fan of the Fish shell, but I recently had to go\nfull on with a Zsh shell and decided to give it a proper go.", "preview_html": "

Sooooooo, so, so, so, Zsh is pretty neat, right?

", "reading_time_minutes": 4.12, "reading_time_text": "5 min read", "reading_time_seconds": 247200, "reading_time_words": 824, "slug": "zsh-and-oh-my-zsh", "tags": "zsh,learning,guide", "title": "Notes on Zsh and Oh My Zsh", "last_updated": "2023-11-30T20:12:16.567Z" }, { "id": 49, "date": "2020-11-29T00:00:00.000Z", "is_private": 0, "preview": "The Gatsby File System Route API was announced recently and I have\nbeen having a play around with it. If you’re not familiar with it,\nit’s something like the dynamic routing you get with Next.js. If\nyou’re not familiar with that either then it’s a...", "preview_html": "

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

", "reading_time_minutes": 9.02, "reading_time_text": "10 min read", "reading_time_seconds": 541200, "reading_time_words": 1804, "slug": "gatsby-file-system-route-api", "tags": "gatsby,mdx,learning", "title": "Gatsby File System Route API with MDX", "last_updated": "2023-12-02T20:16:06.220Z" }, { "id": 108, "date": "2020-11-01T00:00:00.000Z", "is_private": 0, "preview": "This is a very specific issue myself and anyone that uses Gatsby and\nReact router for navigating between headers in their Gatsby sites.\n\nThe issue has been documented several times now and the advice I\nhave followed is to add a resolutions to my ...", "preview_html": "

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

", "reading_time_minutes": 2.855, "reading_time_text": "3 min read", "reading_time_seconds": 171300, "reading_time_words": 571, "slug": "patching-gatsby-react-router-scroll", "tags": "learning,guide,resource", "title": "Patching Gatsby React Router Scroll with patch-package", "last_updated": "2023-12-02T20:16:15.711Z" }, { "id": 72, "date": "2020-09-02T00:00:00.000Z", "is_private": 0, "preview": "I recently started monetising my blog, (don’t worry there’s no\npaywall!) this isn’t a new thing as I originally did something similar\nwith Brave and the Basic Attention Token (BAT) back in 2018 on\nscottspence.me.\n\nSo what is web monetisation? It’s...", "preview_html": "

So what is web monetisation? It’s an ...

Yo! It’s that time again!!

This is an opinionated guide on setting up a development environment for web development in widows that will use the requisite tools, Bash, Node, Git, VS Code etc…

Now that Windows Subsystem Linux has finally arrived I think it’s time to refresh my notes on it from the last post I did back at the end of 2018.

https://docs.microsoft.com/en-gb/windows/wsl/install-win10

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

", "reading_time_minutes": 2.43, "reading_time_text": "3 min read", "reading_time_seconds": 145800, "reading_time_words": 486, "slug": "fathom-config", "tags": "analytics,learning,guide,hooks,react,gatsby", "title": "Fathom Analytics Gatsby Configuration", "last_updated": "2023-12-02T20:16:04.781Z" }, { "id": 100, "date": "2020-06-09T00:00:00.000Z", "is_private": 0, "preview": "Virtual Box Guest Additions can be a bit of a pain to set up\nsometimes.\n\nMy current PC setup for some reason wouldn’t show a VM in the full\nresolution.", "preview_html": "

Virtual Box Guest Additions can be a bit of a pain to set up sometimes.

My current PC setup for some reason wouldn’t show a VM in the full resolution.

", "reading_time_minutes": 0.93, "reading_time_text": "1 min read", "reading_time_seconds": 55800, "reading_time_words": 186, "slug": "no-guest-additions", "tags": "learning", "title": "Full Screen Resolution With No Guest Additions in VirtualBox", "last_updated": "2023-12-02T20:16:14.437Z" }, { "id": 45, "date": "2020-05-30T00:00:00.000Z", "is_private": 0, "preview": "I built my first PC, here’s how it went and what I learned.\n\nUp until recently I was very happy with my home computer, which was an\nASUS Transformer Pro T304UA.", "preview_html": "

I built my first PC, here’s how it went and what I learned.

Up until recently I was very happy with my home computer, which was an ASUS Transformer Pro T304UA.

", "reading_time_minutes": 10.03, "reading_time_text": "11 min read", "reading_time_seconds": 601800, "reading_time_words": 2006, "slug": "first-time-pc-build", "tags": "hello-world,ubuntu,learning,hardware", "title": "My First PC Build", "last_updated": "2023-12-02T20:16:05.567Z" }, { "id": 170, "date": "2020-05-09T00:00:00.000Z", "is_private": 0, "preview": "Use the same frontmatter block all the time for your blog posts?\n\nI do, so I’ve created a VS Code snippet to pre-populate the block with\nsome default tags and today’s date.", "preview_html": "

Use the same frontmatter block all the time for your blog posts?

I do, so I’ve created a VS Code snippet to pre-populate the block with some default tags and today’s date.

I found an opportunity to improve the npm package for the Victor Mono font I like to use here and in my text editor (much to people horror when they see it)!

It was a simple fix to add font-display: swap; to the css file in the dist package.

", "reading_time_minutes": 2.235, "reading_time_text": "3 min read", "reading_time_seconds": 134100, "reading_time_words": 447, "slug": "patching-packages", "tags": "learning,guide", "title": "Patching Packages with patch-package", "last_updated": "2023-12-02T20:16:15.872Z" }, { "id": 116, "date": "2020-05-04T00:00:00.000Z", "is_private": 0, "preview": "Here’s some of the reasoning and detail that went into making the\nReact SEO Component.\n\nThere wasn’t a great deal I knew about Search Engine Optimization\nbefore I set about writing the Build a coding blog from scratch with\nGatsby and MDX guide that...", "preview_html": "

Here’s some of the reasoning and detail that went into making the React SEO Component.

There wasn’t a great deal I knew about Search Engine Optimization before I set about writing the Build a coding blog from scratch with Gatsby and MDX guide that I ...

", "reading_time_minutes": 3.905, "reading_time_text": "4 min read", "reading_time_seconds": 234300, "reading_time_words": 781, "slug": "react-seo-component", "tags": "learning,react,seo", "title": "Why Make a React SEO Component", "last_updated": "2023-12-02T20:16:16.996Z" }, { "id": 30, "date": "2020-05-02T00:00:00.000Z", "is_private": 0, "preview": "I used CSS variables to make a theme switch, light and dark, I’ve done\nthis in the past using styled-components but not attempted it via\nthe CSS variables route.\n\nWith styled-components you defined your colour schemes or themes in a\n object then use...", "preview_html": "

I used CSS variables to make a theme switch, light and dark, I’ve done this in the past using styled-components but not attempted it via the CSS variables route.

With styled-components you defined your colour schemes or themes in a theme object then ...

", "reading_time_minutes": 2.225, "reading_time_text": "3 min read", "reading_time_seconds": 133500, "reading_time_words": 445, "slug": "css-variables-dark-mode", "tags": "learning,css", "title": "CSS Variables Fallback", "last_updated": "2023-12-02T20:16:03.029Z" }, { "id": 95, "date": "2020-05-02T00:00:00.000Z", "is_private": 0, "preview": "I am a massive fan of both Vercel’s Now.sh platform and the\nNetlify platform.\n\nThis post has been in my drafts since the beginning of March 2019. At\nthat time it was titled ‘Moving from Now to Netlify’ and it was\nmostly me being salty about the...", "preview_html": "

I am a massive fan of both Vercel’s Now.sh platform and the Netlify platform.

This post has been in my drafts since the beginning of March 2019. At that time it was titled ‘Moving from Now to Netlify’ and it was mostly me being salty about the config...

", "reading_time_minutes": 2.125, "reading_time_text": "3 min read", "reading_time_seconds": 127500, "reading_time_words": 425, "slug": "moving-from-now-to-netlify", "tags": "learning", "title": "Moving from Now to Netlify then back to Now", "last_updated": "2023-12-02T20:16:13.630Z" }, { "id": 81, "date": "2020-04-30T00:00:00.000Z", "is_private": 0, "preview": "I’ve spent a while today trying to bring down the size of this\nproject, I have several posts that are particularly large so I wanted\nto work out a way to reduce that.\n\nI’m an Ubuntu user and wanted to see if there was a way I could\nidentify the...", "preview_html": "

I’ve spent a while today trying to bring down the size of this project, I have several posts that are particularly large so I wanted to work out a way to reduce that.

I’m an Ubuntu user and wanted to see if there was a way I could identify the larger...

", "reading_time_minutes": 2.72, "reading_time_text": "3 min read", "reading_time_seconds": 163200, "reading_time_words": 544, "slug": "large-md-assets-to-cdn", "tags": "learning", "title": "Moving Large Markdown Assets to a CDN", "last_updated": "2023-12-02T20:16:11.365Z" }, { "id": 1, "date": "2020-04-27T00:00:00.000Z", "is_private": 0, "preview": "I spent a couple of days now questioning how and what I write after\nreading a post from Richard Haines. In his post he mentioned how he\nstumbled across the Digital Garden idea.\n\nRichard’s post led me to Chris Biscardi’s thoughts on that and in\nturn...", "preview_html": "

I spent a couple of days now questioning how and what I write after reading a post from Richard Haines. In his post he mentioned how he stumbled across the Digital Garden idea.

Richard’s post led me to Chris Biscardi’s thoughts on that and in turn Jo...

", "reading_time_minutes": 3.32, "reading_time_text": "4 min read", "reading_time_seconds": 199200, "reading_time_words": 664, "slug": "a-digital-garden", "tags": "learning", "title": "A Digital Garden", "last_updated": "2023-12-02T20:15:57.629Z" }, { "id": 21, "date": "2020-04-27T00:00:00.000Z", "is_private": 0, "preview": "Quite a while ago now I was introduced to dependency update tools like\nRenovate and Greenkeeper, at the time I thought they were awesome,\nkeeping your projects patched and secure so I went and used them in\nevery project I made.\n\nBusy work", "preview_html": "

Quite a while ago now I was introduced to dependency update tools like Renovate and Greenkeeper, at the time I thought they were awesome, keeping your projects patched and secure so I went and used them in every project I made.

Busy work

", "reading_time_minutes": 3.485, "reading_time_text": "4 min read", "reading_time_seconds": 209100, "reading_time_words": 697, "slug": "continus-deployment", "tags": "learning", "title": "Continuous Deployments on Non Essential Projects", "last_updated": "2023-12-02T20:16:01.385Z" }, { "id": 161, "date": "2020-04-19T00:00:00.000Z", "is_private": 0, "preview": "Remember services like Bitly and TinyURL? Yeah, they still exist,\nshortening your URLs for you, they’ve been around for a long time too.\n\nBitly founded in 2008 and TinyURL founded in 2002 😱", "preview_html": "

Remember services like Bitly and TinyURL? Yeah, they still exist, shortening your URLs for you, they’ve been around for a long time too.

Bitly founded in 2008 and TinyURL founded in 2002 😱

I’m talking Fathom Analytics again, this time about tracking link clicks in my Markdown.

I have written about how to track custom events with Fathom previously and this is really an extension to that post.

Fathom Analytics recently added a really neat feature for custom domains with their service.

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’ll be swapping out the styles included with a CSS...

", "reading_time_minutes": 9.31, "reading_time_text": "10 min read", "reading_time_seconds": 558600, "reading_time_words": 1862, "slug": "globally-style-gatsby-styled-components", "tags": "learning,gatsby,guide,mdx,markdown", "title": "Globally Style the Gatsby Default Starter with styled-components v5", "last_updated": "2023-12-02T20:16:08.285Z" }, { "id": 150, "date": "2020-01-02T00:00:00.000Z", "is_private": 0, "preview": "In this guide I’m going to go through how to track custom events in a\nGatsby site using Fathom analytics.\n\nPreamble", "preview_html": "

In this guide I’m going to go through how to track custom events in a Gatsby site using Fathom analytics.

Preamble

Over the years I have made my own Pro...

Do you use Google Analytics (GA) for any of your sites?

I’ve used it in the past and it gives quite good information about

", "reading_time_minutes": 3.775, "reading_time_text": "4 min read", "reading_time_seconds": 226500, "reading_time_words": 755, "slug": "convert-gatsby-starter-blog-to-mdx-part-two", "tags": "learning,gatsby,guide,mdx,markdown", "title": "Convert the Gatsby starter blog to use MDX part two", "last_updated": "2023-12-02T20:16:01.719Z" }, { "id": 77, "date": "2019-05-27T00:00:00.000Z", "is_private": 0, "preview": "This is a dump of all the snippets I have collected over the last 18\nmonths or so, that I’m going to document here so it’s probably going\nto be a mess but it’s mainly for my reference so 😛\n\nArrays", "preview_html": "

This is a dump of all the snippets I have collected over the last 18 months or so, that I’m going to document here so it’s probably going to be a mess but it’s mainly for my reference so 😛

Arrays

", "reading_time_minutes": 2.29, "reading_time_text": "3 min read", "reading_time_seconds": 137400, "reading_time_words": 458, "slug": "javascript-snippets", "tags": "learning,javascript,snippets", "title": "JavaScript snippets from around the web", "last_updated": "2023-12-02T20:16:10.718Z" }, { "id": 22, "date": "2019-04-09T00:00:00.000Z", "is_private": 0, "preview": "In this guide we’re going to cover converting the Gatsby default blog\nstarter to use MDX.\n\nAll the cool kids are using Gatsby and MDX in their blogs these days.\nIf you already have a blog that uses Gatsby but want to move onto the\nnew hotness then...", "preview_html": "

In this guide we’re going to cover converting the Gatsby default blog starter to use MDX.

All the cool kids are using Gatsby and MDX in their blogs these days. If you already have a blog that uses Gatsby but want to move onto the new hotness then thi...

Already use WSL with Ubuntu? Want an Upgrade??

This is a guide that will cover upgrading Windows Subsystem Linux (WSL) from the current LTS version to the latest ‘normal’ version 18.10.

Hooks ahoy!

Ok, let’s get it on with the new hotness in React-land, React Hooks! This is a guide covering using the Gatsby custom React hook for StaticQuery which it is now replacing with useStaticQuery.

", "reading_time_minutes": 3.675, "reading_time_text": "4 min read", "reading_time_seconds": 220500, "reading_time_words": 735, "slug": "custom-gatsby-metadata-hook", "tags": "learning,gatsby,react,hooks,guide", "title": "Creating a Custom React Hook for Gatsby Site Metadata", "last_updated": "2023-12-02T20:16:03.417Z" }, { "id": 145, "date": "2019-03-09T00:00:00.000Z", "is_private": 0, "preview": "Moving to the new hotness!!\n\nI’ve now moved this blog over to Gatsby MDX. You can see all the\nchanges\non my repo here.", "preview_html": "

Moving to the new hotness!!

I’ve now moved this blog over to Gatsby MDX. You can see all the changes on my repo here.

", "reading_time_minutes": 0.7, "reading_time_text": "1 min read", "reading_time_seconds": 42000, "reading_time_words": 140, "slug": "testing-mdx", "tags": "learning,gatsby,mdx", "title": "Testing MDX", "last_updated": "2023-12-02T20:16:21.700Z" }, { "id": 96, "date": "2019-01-27T00:00:00.000Z", "is_private": 0, "preview": "Over the past couple of weeks now I have set up several development\nmachines at work and have had to also use two git accounts, GitHub and\nBitbucket.\n\nTo connect to both I use SSH as a preference, I have been using SSH in\nplace of HTTPS for quite...", "preview_html": "

Over the past couple of weeks now I have set up several development machines at work and have had to also use two git accounts, GitHub and Bitbucket.

To connect to both I use SSH as a preference, I have been using SSH in place of HTTPS for quite some...

From scratch to Create React App on Windows

An opinionated guide on setting up a web development environment on Windows 10

", "reading_time_minutes": 16.56, "reading_time_text": "17 min read", "reading_time_seconds": 993600, "reading_time_words": 3312, "slug": "wsl-bootstrap-2019", "tags": "learning,guide,wsl,n,node", "title": "Windows Web-dev bootstrap", "last_updated": "2023-11-30T20:12:16.356Z" }, { "id": 78, "date": "2018-11-30T00:00:00.000Z", "is_private": 0, "preview": "Cliffs/TL;DR\n\nI made a recruiter FAQ on my personal site for recruiters and\ncreated an online CV.", "preview_html": "

Cliffs/TL;DR

I made a recruiter FAQ on my personal site for recruiters and created an online CV.

", "reading_time_minutes": 4.93, "reading_time_text": "5 min read", "reading_time_seconds": 295800, "reading_time_words": 986, "slug": "job-hunt-dev-project", "tags": "learning,career", "title": "Turning a job hunt into a dev project", "last_updated": "2023-12-02T20:16:10.874Z" }, { "id": 50, "date": "2018-11-29T00:00:00.000Z", "is_private": 0, "preview": "Let’s go through getting styled-components working with the Gatsby\ndefault starter.\n\n", "preview_html": "

Let’s go through getting styled-components working with the Gatsby default starter.

Let’s set up Gatsby to pull data from GraphCMS.

Let’s use the React Context API to change theme in an app!

This is what it will look like by the end of this post:

", "reading_time_minutes": 14.835, "reading_time_text": "15 min read", "reading_time_seconds": 890100, "reading_time_words": 2967, "slug": "react-context-api", "tags": "learning,guide,getting-started,react,api,styled-components,css-in-js", "title": "Using the React Context API - getting started", "last_updated": "2023-12-02T20:16:16.840Z" }, { "id": 114, "date": "2018-05-22T00:00:00.000Z", "is_private": 0, "preview": "I’m a bit late to the party using the new React Context API, I did\nget to use it the other day at work, I also made a snippet to\nscaffold out a component for it.\n\nI had followed a couple of guides explaining how to use it and neither\nof them as good...", "preview_html": "

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

", "reading_time_minutes": 8.235, "reading_time_text": "9 min read", "reading_time_seconds": 494100, "reading_time_words": 1647, "slug": "react-context-api-with-gatsby", "tags": "learning,guide,gatsby,api", "title": "Use the React Context API with Gatsby", "last_updated": "2023-12-02T20:16:16.683Z" }, { "id": 91, "date": "2018-02-27T00:00:00.000Z", "is_private": 0, "preview": "Life moves pretty fast. If you don’t stop and look around once in a\nwhile, you could miss it. — Ferris Bueller.\n\nI’m going to go over steps I have taken the help me with learning to\ncode (again)", "preview_html": "

Life moves pretty fast. If you don’t stop and look around once in a while, you could miss it. — Ferris Bueller.

", "reading_time_minutes": 6.715, "reading_time_text": "7 min read", "reading_time_seconds": 402900, "reading_time_words": 1343, "slug": "make-time-for-100doc", "tags": "guide,learning,habits,career", "title": "How to make time for 100 days of code", "last_updated": "2023-12-02T20:16:12.983Z" }, { "id": 59, "date": "2017-06-30T00:00:00.000Z", "is_private": 0, "preview": "How to combine two separate unrelated Git repositories into one with\nsingle history timeline.\n\nJust adding a quick note on this…", "preview_html": "

How to combine two separate unrelated Git repositories into one with single history timeline.

Just adding a quick note on this…

", "reading_time_minutes": 1.415, "reading_time_text": "2 min read", "reading_time_seconds": 84900, "reading_time_words": 283, "slug": "git-allow-unrelated-histories", "tags": "learning,guide", "title": "Git ` — allow-unrelated-histories`", "last_updated": "2023-12-02T20:16:07.794Z" }, { "id": 60, "date": "2017-01-05T00:00:00.000Z", "is_private": 0, "preview": "I know why Linus called it that now!\n\nIf you’re reading this there’s a good chance you know at least the\nbasics of Git but if like me and you are the only person making\nchanges to your repos then there’s a good chance that you just use\n to move your...", "preview_html": "

I know why Linus called it that now!

", "reading_time_minutes": 2.885, "reading_time_text": "3 min read", "reading_time_seconds": 173100, "reading_time_words": 577, "slug": "git-and-github", "tags": "learning,guide", "title": "Git and GitHub", "last_updated": "2023-12-02T20:16:07.950Z" }, { "id": 131, "date": "2016-12-17T00:00:00.000Z", "is_private": 0, "preview": "Since setting up this blog I haven’t really bothered with Jekyll any\nmore than just forking Barry Clarke’s repo of Jekyll Now and adding\nthese posts as and when the feeling takes me.\n\nSo I got to checking out Barry’s blog and his Jekyll Now...", "preview_html": "

Since setting up this blog I haven’t really bothered with Jekyll any more than just forking Barry Clarke’s repo of Jekyll Now and adding these posts as and when the feeling takes me.

So I got to checking out Barry’s blog and his Jekyll Now templates ...

", "reading_time_minutes": 3.775, "reading_time_text": "4 min read", "reading_time_seconds": 226500, "reading_time_words": 755, "slug": "starting-again-with-jekyll", "tags": "learning", "title": "Starting again with Jekyll", "last_updated": "2023-12-02T20:16:19.399Z" }, { "id": 46, "date": "2016-12-03T00:00:00.000Z", "is_private": 0, "preview": "I’m a published developer! sort of Well that was a bit painful, well\nnot actually I mean from the documentation I feel I was a bit mislead.\n\n", "preview_html": "

I’m a published developer! [sort of] Well that was a bit painful, well not actually I mean from the documentation I feel I was a bit mislead.

", "reading_time_minutes": 2.97, "reading_time_text": "3 min read", "reading_time_seconds": 178200, "reading_time_words": 594, "slug": "first-vscode-extension", "tags": "learning,vscode,extension", "title": "My first Microsoft Visual Studio Code [VS Code] extension", "last_updated": "2023-12-02T20:16:05.735Z" }, { "id": 48, "date": "2016-11-13T00:00:00.000Z", "is_private": 0, "preview": "Ok, I have recently discovered and started doing freeCodeCamp(🔥)\nwhich so far I’m really enjoying.\n\nSince being out of work I have had some time to start exploring\ndifferent programming languages and technologies but I haven’t found\nany courses...", "preview_html": "

Ok, I have recently discovered and started doing freeCodeCamp(🔥) which so far I’m really enjoying.

Since being out of work I have had some time to start exploring different programming languages and technologies but I haven’t found any courses that I...

", "reading_time_minutes": 0.67, "reading_time_text": "1 min read", "reading_time_seconds": 40200, "reading_time_words": 134, "slug": "freecodecamp", "tags": "freecodecamp,learning", "title": "freeCodeCamp", "last_updated": "2023-12-02T20:16:06.062Z" } ], "habits": [ { "id": 63, "date": "2022-12-24T00:00:00.000Z", "is_private": 0, "preview": "For 2023 I’m going to note down my goals for the year. I’ll take a\nlook at this quarterly and update it accordingly.\n\n", "preview_html": "

For 2023 I’m going to note down my goals for the year. I’ll take a look at this quarterly and update it accordingly.

", "reading_time_minutes": 0.88, "reading_time_text": "1 min read", "reading_time_seconds": 52800, "reading_time_words": 176, "slug": "goals-2023", "tags": "career,learning,habits", "title": "Goals for 2023", "last_updated": "2023-12-02T20:16:08.452Z" }, { "id": 97, "date": "2020-07-17T00:00:00.000Z", "is_private": 0, "preview": "For as long as I have been learning web development () I have been taking notes. Partly notes to help\nclarify my understanding of something and partly for future me.\n\nThat’s why I have my digital garden, an online collection of my\nlearning over the...", "preview_html": "

For as long as I have been learning web development () I have been taking notes. Partly notes to help clarify my understanding of something and partly for future me.

That’s why I have my digital garden, an online collection of my learning over the ye...

", "reading_time_minutes": 4.875, "reading_time_text": "5 min read", "reading_time_seconds": 292500, "reading_time_words": 975, "slug": "my-second-brain-zettelkasten", "tags": "habits,notes,vscode,resource,tools", "title": "My Second Brain - Zettelkasten", "last_updated": "2023-12-02T20:16:13.946Z" }, { "id": 25, "date": "2020-06-25T00:00:00.000Z", "is_private": 0, "preview": "Unprecedented times, 2020 has been something else, and hopefully\nsomething none of us will have to live through again.\n\nI’ve decided to take a few notes on what I’ve been doing in these\nunprecedented times.", "preview_html": "

Unprecedented times, 2020 has been something else, and hopefully something none of us will have to live through again.

I’ve decided to take a few notes on what I’ve been doing in these unprecedented times.

", "reading_time_minutes": 2.785, "reading_time_text": "3 min read", "reading_time_seconds": 167100, "reading_time_words": 557, "slug": "covid-chronicles", "tags": "habits,career", "title": "The COVID Chronicles - My Life In Lockdown", "last_updated": "2023-12-02T20:16:02.103Z" }, { "id": 172, "date": "2019-09-01T00:00:00.000Z", "is_private": 0, "preview": "Stand back everyone, I’m doing pontification! I’ve had a couple\nconversations with my new found developer buddies about fitness, more\nalong the lines of gym going and nutrition actually.\n\n", "preview_html": "

Stand back everyone, I’m doing pontification! I’ve had a couple conversations with my new found developer buddies about fitness, more along the lines of gym going and nutrition actually.

", "reading_time_minutes": 2.935, "reading_time_text": "3 min read", "reading_time_seconds": 176100, "reading_time_words": 587, "slug": "why-is-anything-intimidating", "tags": "habits", "title": "Why is anything intimidating?", "last_updated": "2023-11-30T20:12:16.245Z" }, { "id": 91, "date": "2018-02-27T00:00:00.000Z", "is_private": 0, "preview": "Life moves pretty fast. If you don’t stop and look around once in a\nwhile, you could miss it. — Ferris Bueller.\n\nI’m going to go over steps I have taken the help me with learning to\ncode (again)", "preview_html": "

Life moves pretty fast. If you don’t stop and look around once in a while, you could miss it. — Ferris Bueller.

", "reading_time_minutes": 6.715, "reading_time_text": "7 min read", "reading_time_seconds": 402900, "reading_time_words": 1343, "slug": "make-time-for-100doc", "tags": "guide,learning,habits,career", "title": "How to make time for 100 days of code", "last_updated": "2023-12-02T20:16:12.983Z" } ], "ci-cd": [ { "id": 4, "date": "2022-12-08T00:00:00.000Z", "is_private": 0, "preview": "In this post, go over how to add environment variables to your GitHub\nActions. I recently added environment variables to one of my GitHub\nprojects recently and it stopped running.\n\nIn this case it was the environment variables for Fathom...", "preview_html": "

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

", "reading_time_minutes": 1.795, "reading_time_text": "2 min read", "reading_time_seconds": 107700, "reading_time_words": 359, "slug": "adding-environment-variables-to-github-actions", "tags": "ci-cd,github,e2e", "title": "Adding Environment Variables to GitHub Actions", "last_updated": "2023-12-02T20:15:58.206Z" }, { "id": 146, "date": "2022-11-03T00:00:00.000Z", "is_private": 0, "preview": "I recently released a head component that can be used in Svelte\nprojects and I wanted to add tests to it to make sure that it’s\nworking as expected.\n\nI decided to use Playwright to test the component as it comes with the\nSvelteKit CLI as a config...", "preview_html": "

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

", "reading_time_minutes": 2.425, "reading_time_text": "3 min read", "reading_time_seconds": 145500, "reading_time_words": 485, "slug": "testing-meta-tags-with-playwright", "tags": "ci-cd,testing,e2e,playwright", "title": "Testing meta tags with Playwright", "last_updated": "2023-12-02T20:16:21.861Z" }, { "id": 112, "date": "2021-01-20T00:00:00.000Z", "is_private": 0, "preview": "I’m a bug writing machine, all developers are! We’re only human after\nall.\n\nPlaywright", "preview_html": "

I’m a bug writing machine, all developers are! We’re only human after all.

Playwright

", "reading_time_minutes": 0.48, "reading_time_text": "1 min read", "reading_time_seconds": 28800, "reading_time_words": 96, "slug": "qa-wolf-v2-getting-started", "tags": "ci-cd,testing,e2e", "title": "QA Wolf v2 Getting Started", "last_updated": "2023-12-02T20:16:16.361Z" }, { "id": 152, "date": "2018-05-28T00:00:00.000Z", "is_private": 0, "preview": "I thought I’d set up this blog with some sort of build pipeline, the\nintention was to have a good Continuous Integration pipeline so that\nif there were any issues when building the site that I wouldn’t push a\nbroken build. No one wants to see that...", "preview_html": "

...", "reading_time_minutes": 2.17, "reading_time_text": "3 min read", "reading_time_seconds": 130200, "reading_time_words": 434, "slug": "travis-ci", "tags": "guide,ci-cd", "title": "Making a CI pipeline with Travis CI", "last_updated": "2023-11-30T20:12:15.614Z" } ], "github": [ { "id": 4, "date": "2022-12-08T00:00:00.000Z", "is_private": 0, "preview": "In this post, go over how to add environment variables to your GitHub\nActions. I recently added environment variables to one of my GitHub\nprojects recently and it stopped running.\n\nIn this case it was the environment variables for Fathom...", "preview_html": "

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

", "reading_time_minutes": 1.795, "reading_time_text": "2 min read", "reading_time_seconds": 107700, "reading_time_words": 359, "slug": "adding-environment-variables-to-github-actions", "tags": "ci-cd,github,e2e", "title": "Adding Environment Variables to GitHub Actions", "last_updated": "2023-12-02T20:15:58.206Z" } ], "e2e": [ { "id": 4, "date": "2022-12-08T00:00:00.000Z", "is_private": 0, "preview": "In this post, go over how to add environment variables to your GitHub\nActions. I recently added environment variables to one of my GitHub\nprojects recently and it stopped running.\n\nIn this case it was the environment variables for Fathom...", "preview_html": "

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

I’m a bug writing machine, all developers are! We’re only human after all.

Playwright

", "reading_time_minutes": 0.48, "reading_time_text": "1 min read", "reading_time_seconds": 28800, "reading_time_words": 96, "slug": "qa-wolf-v2-getting-started", "tags": "ci-cd,testing,e2e", "title": "QA Wolf v2 Getting Started", "last_updated": "2023-12-02T20:16:16.361Z" } ], "testing": [ { "id": 146, "date": "2022-11-03T00:00:00.000Z", "is_private": 0, "preview": "I recently released a head component that can be used in Svelte\nprojects and I wanted to add tests to it to make sure that it’s\nworking as expected.\n\nI decided to use Playwright to test the component as it comes with the\nSvelteKit CLI as a config...", "preview_html": "

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

I’m a bug writing machine, all developers are! We’re only human after all.

Playwright

", "reading_time_minutes": 0.48, "reading_time_text": "1 min read", "reading_time_seconds": 28800, "reading_time_words": 96, "slug": "qa-wolf-v2-getting-started", "tags": "ci-cd,testing,e2e", "title": "QA Wolf v2 Getting Started", "last_updated": "2023-12-02T20:16:16.361Z" }, { "id": 68, "date": "2020-12-09T00:00:00.000Z", "is_private": 0, "preview": "So this post started off with me getting GUI apps running on my\nWindows WSL install of Pengwin, but has now turned into doing it\nwithout the need to fork over the readies for Pengwin as now you can\ndo it with Ubuntu or Debian (possibly others) which...", "preview_html": "

", "reading_time_minutes": 8.75, "reading_time_text": "9 min read", "reading_time_seconds": 525000, "reading_time_words": 1750, "slug": "gui-with-wsl", "tags": "wsl,testing,guide", "title": "Enable GUIs on Windows Subsystem Linux (WSL)", "last_updated": "2023-12-02T20:16:09.270Z" }, { "id": 147, "date": "2020-09-24T00:00:00.000Z", "is_private": 1, "preview": "These two tweets came in quick succession of each other.\n\nI know the need to have tests as part of your codebase, it gives new\ndevelopers the confidence to make changes and be notified of any\nissues with those changes by the tests that are in place.", "preview_html": "

These two tweets came in quick succession of each other.

I know the need to have tests as part of your codebase, it gives new developers the confidence to make changes and be notified of any issues with those changes by the tests that are in place.

", "reading_time_minutes": 0.395, "reading_time_text": "1 min read", "reading_time_seconds": 23700, "reading_time_words": 79, "slug": "testing", "tags": "testing", "title": "Testing", "last_updated": "2023-12-02T20:16:22.021Z" } ], "playwright": [ { "id": 146, "date": "2022-11-03T00:00:00.000Z", "is_private": 0, "preview": "I recently released a head component that can be used in Svelte\nprojects and I wanted to add tests to it to make sure that it’s\nworking as expected.\n\nI decided to use Playwright to test the component as it comes with the\nSvelteKit CLI as a config...", "preview_html": "

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

", "reading_time_minutes": 2.425, "reading_time_text": "3 min read", "reading_time_seconds": 145500, "reading_time_words": 485, "slug": "testing-meta-tags-with-playwright", "tags": "ci-cd,testing,e2e,playwright", "title": "Testing meta tags with Playwright", "last_updated": "2023-12-02T20:16:21.861Z" } ], "pocketbase": [ { "id": 122, "date": "2022-10-02T00:00:00.000Z", "is_private": 0, "preview": "I was playing around with Linode recently to try set up a PocketBase\ninstance then I came across this guide on the PocketBase GitHub\ndiscussions.\n\nThe whole thing took around ten minutes and I now have a SQLite\ndatabase I can read/write to.", "preview_html": "

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.

The whole thing took around ten minutes and I now have a SQLite database I can read/write to.

", "reading_time_minutes": 3.57, "reading_time_text": "4 min read", "reading_time_seconds": 214200, "reading_time_words": 714, "slug": "set-up-free-pocketbase-db", "tags": "pocketbase,database,docker,guide", "title": "Set up a free PocketBase database with Fly.io", "last_updated": "2023-12-02T20:16:17.960Z" } ], "database": [ { "id": 122, "date": "2022-10-02T00:00:00.000Z", "is_private": 0, "preview": "I was playing around with Linode recently to try set up a PocketBase\ninstance then I came across this guide on the PocketBase GitHub\ndiscussions.\n\nThe whole thing took around ten minutes and I now have a SQLite\ndatabase I can read/write to.", "preview_html": "

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.

The whole thing took around ten minutes and I now have a SQLite database I can read/write to.

", "reading_time_minutes": 3.57, "reading_time_text": "4 min read", "reading_time_seconds": 214200, "reading_time_words": 714, "slug": "set-up-free-pocketbase-db", "tags": "pocketbase,database,docker,guide", "title": "Set up a free PocketBase database with Fly.io", "last_updated": "2023-12-02T20:16:17.960Z" } ], "docker": [ { "id": 122, "date": "2022-10-02T00:00:00.000Z", "is_private": 0, "preview": "I was playing around with Linode recently to try set up a PocketBase\ninstance then I came across this guide on the PocketBase GitHub\ndiscussions.\n\nThe whole thing took around ten minutes and I now have a SQLite\ndatabase I can read/write to.", "preview_html": "

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.

The whole thing took around ten minutes and I now have a SQLite database I can read/write to.

", "reading_time_minutes": 3.57, "reading_time_text": "4 min read", "reading_time_seconds": 214200, "reading_time_words": 714, "slug": "set-up-free-pocketbase-db", "tags": "pocketbase,database,docker,guide", "title": "Set up a free PocketBase database with Fly.io", "last_updated": "2023-12-02T20:16:17.960Z" } ], "storyblok": [ { "id": 55, "date": "2022-07-19T00:00:00.000Z", "is_private": 0, "preview": "I’ve been having a play around with Storyblok this evening and want to\nmake some notes on getting set up with it.\n\nWith the moving target that is the public beta of SvelteKit there’s a\nfew things that have changed recently which I want to document...", "preview_html": "

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

With the moving target that is the public beta of SvelteKit there’s a few things that have changed recently which I want to document her...

", "reading_time_minutes": 11.795, "reading_time_text": "12 min read", "reading_time_seconds": 707700, "reading_time_words": 2359, "slug": "getting-set-up-with-storyblok-and-sveltekit", "tags": "sveltekit,storyblok,how-to,guide", "title": "Getting set up with Storyblok and SvelteKit", "last_updated": "2023-12-02T20:16:07.163Z" } ], "kitql": [ { "id": 148, "date": "2022-07-05T00:00:00.000Z", "is_private": 1, "preview": "The latest version of KitQL dropped yesterday!\n\nI’ve written about Getting Started with KitQL and GraphCMS in the\npast and there’s a few things that have changed between the two\nversions. Most notable to those are that KitQL has merged with\nHoudini.", "preview_html": "

The latest version of KitQL dropped yesterday!

", "reading_time_minutes": 0.84, "reading_time_text": "1 min read", "reading_time_seconds": 50400, "reading_time_words": 168, "slug": "the-new-kitql-sveltekit-graphql-client", "tags": "svelte,sveltekit,kitql,houdini,graphql", "title": "The new KitQL SvelteKit GraphQL client", "last_updated": "2023-12-02T20:16:22.193Z" } ], "houdini": [ { "id": 148, "date": "2022-07-05T00:00:00.000Z", "is_private": 1, "preview": "The latest version of KitQL dropped yesterday!\n\nI’ve written about Getting Started with KitQL and GraphCMS in the\npast and there’s a few things that have changed between the two\nversions. Most notable to those are that KitQL has merged with\nHoudini.", "preview_html": "

The latest version of KitQL dropped yesterday!

", "reading_time_minutes": 0.84, "reading_time_text": "1 min read", "reading_time_seconds": 50400, "reading_time_words": 168, "slug": "the-new-kitql-sveltekit-graphql-client", "tags": "svelte,sveltekit,kitql,houdini,graphql", "title": "The new KitQL SvelteKit GraphQL client", "last_updated": "2023-12-02T20:16:22.193Z" } ], "graphql": [ { "id": 148, "date": "2022-07-05T00:00:00.000Z", "is_private": 1, "preview": "The latest version of KitQL dropped yesterday!\n\nI’ve written about Getting Started with KitQL and GraphCMS in the\npast and there’s a few things that have changed between the two\nversions. Most notable to those are that KitQL has merged with\nHoudini.", "preview_html": "

The latest version of KitQL dropped yesterday!

", "reading_time_minutes": 0.84, "reading_time_text": "1 min read", "reading_time_seconds": 50400, "reading_time_words": 168, "slug": "the-new-kitql-sveltekit-graphql-client", "tags": "svelte,sveltekit,kitql,houdini,graphql", "title": "The new KitQL SvelteKit GraphQL client", "last_updated": "2023-12-02T20:16:22.193Z" }, { "id": 156, "date": "2022-05-13T00:00:00.000Z", "is_private": 0, "preview": "I’ve started using TypeScript on every new project I start with\nSvelte. My buddy Jamie Barton has helped me out with getting set up\nwith the GraphQL Code Generator so that data is typed in the project.\n\nThis is a just so you know kind of guide as...", "preview_html": "

This is a just so you know kind of guide as ther...

", "reading_time_minutes": 5.545, "reading_time_text": "6 min read", "reading_time_seconds": 332700, "reading_time_words": 1109, "slug": "typescript-wit-sveltekit-example", "tags": "typescript,svelte,sveltekit,graphql,guide", "title": "GraphQL Code Generator with SvelteKit and TypeScript Example", "last_updated": "2023-11-30T20:12:15.736Z" }, { "id": 57, "date": "2022-03-18T00:00:00.000Z", "is_private": 0, "preview": "KitQL is a GraphQL client for Svelte. It is a set of tools to help you\nquery GraphQL APIs. I’ve been using it in a couple of projects now and\nwant to share what I have learned. What better way to do that than the\n(now) classic re-reaction of the...", "preview_html": "

", "reading_time_minutes": 15.935, "reading_time_text": "16 min read", "reading_time_seconds": 956100, "reading_time_words": 3187, "slug": "getting-started-with-kitql-and-graphcms", "tags": "svelte,sveltekit,graphql,graphcms", "title": "Getting Started with KitQL and GraphCMS", "last_updated": "2023-12-02T20:16:07.480Z" }, { "id": 163, "date": "2022-01-15T00:00:00.000Z", "is_private": 1, "preview": "Houdini! The disappearing GraphQL client! I’ve used Houdini for a\ncouple of projects now and I think it’s great!\n\nI first came across this post from the creator of Houdini (Alec\nAivazis) over on Dev.to for Building an Application with GraphQL...", "preview_html": "

Houdini! The disappearing GraphQL client! I’ve used Houdini for a couple of projects now and I think it’s great!

I first came across this post from the creator of Houdini (Alec Aivazis) over on Dev.to for Building an Application with GraphQL and Svel...

", "reading_time_minutes": 3.235, "reading_time_text": "4 min read", "reading_time_seconds": 194100, "reading_time_words": 647, "slug": "use-houdini-with-svelte", "tags": "sveltekit,how-to,graphql,graphcms", "title": "Use Houdini with Svelte", "last_updated": "2023-11-30T20:12:15.928Z" }, { "id": 140, "date": "2021-12-02T00:00:00.000Z", "is_private": 0, "preview": "If you want to fetch data from a GraphQL endpoint, you can use the\nbrowser fetch API without the need for any third party tools. You can\nuse the browser fetch API in SvelteKit on both the client and the\nserver.\n\nIn this first example I’m using the...", "preview_html": "

In this first example I’m using the Sve...

", "reading_time_minutes": 1.535, "reading_time_text": "2 min read", "reading_time_seconds": 92100, "reading_time_words": 307, "slug": "sveltekit-fetch-from-graphql-with-variables", "tags": "svelte,api,graphql,how-to", "title": "SvelteKit Fetch from GraphQL Endpoint with Variables", "last_updated": "2023-12-02T20:16:20.908Z" }, { "id": 61, "date": "2021-01-15T00:00:00.000Z", "is_private": 0, "preview": "This isn’t a guide, this is me documenting the how and why for a proof\nof concept project I worked on.\n\nSo, I started playing around with the GitHub GraphQL API endpoint to\ndo something I’ve been meaning to do for a wile now, that’s to make...", "preview_html": "

This isn’t a guide, this is me documenting the how and why for a proof of concept project I worked on.

So, I started playing around with the GitHub GraphQL API endpoint to do something I’ve been meaning to do for a wile now, that’s to make a serverle...

", "reading_time_minutes": 5.895, "reading_time_text": "6 min read", "reading_time_seconds": 353700, "reading_time_words": 1179, "slug": "github-user-details", "tags": "api,graphql,vercel", "title": "Using the GitHub GraphQL API in a serverless function - GraphQL vs REST", "last_updated": "2023-12-02T20:16:08.122Z" }, { "id": 53, "date": "2021-01-02T00:00:00.000Z", "is_private": 0, "preview": "Ok this is a little snippet I’ve got set up to query data from the\nGitHub GraphQL API.\n\nI use this for getting data to work with in data visualisation tools,\nI’ve done it a couple of times now with my Gatsby site but now I’m\nattempting to do it in a...", "preview_html": "

Ok this is a little snippet I’ve got set up to query data from the GitHub GraphQL API.

I use this for getting data to work with in data visualisation tools, I’ve done it a couple of times now with my Gatsby site but now I’m attempting to do it in a s...

Let’s set up Gatsby to pull data from GraphCMS.

", "reading_time_minutes": 3.025, "reading_time_text": "4 min read", "reading_time_seconds": 181500, "reading_time_words": 605, "slug": "graphcms-to-gatsby", "tags": "learning,guide,gatsby,getting-started,graphql,graphcms", "title": "Get your GraphCMS data into Gatsby", "last_updated": "2023-12-02T20:16:08.945Z" } ], "planetscale": [ { "id": 111, "date": "2022-07-03T00:00:00.000Z", "is_private": 0, "preview": "Here’s some of the issues I faced when deploying a SvelteKit project\nusing Prisma to Vercel.\n\nI was following along with the awesome guide put together by\nMatia, on authentication with SvelteKit using cookies. By far the\nmost comprehensive guide...", "preview_html": "

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

", "reading_time_minutes": 5.295, "reading_time_text": "6 min read", "reading_time_seconds": 317700, "reading_time_words": 1059, "slug": "prisma-sveltekit-planetscale-deployment-issues", "tags": "sveltekit,planetscale,prisma,vercel", "title": "Prisma, SvelteKit and PlanetScale deployment issues on Vercel", "last_updated": "2023-12-02T20:16:16.206Z" } ], "prisma": [ { "id": 111, "date": "2022-07-03T00:00:00.000Z", "is_private": 0, "preview": "Here’s some of the issues I faced when deploying a SvelteKit project\nusing Prisma to Vercel.\n\nI was following along with the awesome guide put together by\nMatia, on authentication with SvelteKit using cookies. By far the\nmost comprehensive guide...", "preview_html": "

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

", "reading_time_minutes": 5.295, "reading_time_text": "6 min read", "reading_time_seconds": 317700, "reading_time_words": 1059, "slug": "prisma-sveltekit-planetscale-deployment-issues", "tags": "sveltekit,planetscale,prisma,vercel", "title": "Prisma, SvelteKit and PlanetScale deployment issues on Vercel", "last_updated": "2023-12-02T20:16:16.206Z" } ], "debian": [ { "id": 51, "date": "2022-05-22T00:00:00.000Z", "is_private": 0, "preview": "Quick guide to getting Debian WSL set up for web development.\n\nYou can install Debian from the Windows Store and get started\nstraight away with using it, but there’s a few things missing.", "preview_html": "

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

You can install Debian from the Windows Store and get started straight away with using it, but there’s a few things missing.

", "reading_time_minutes": 1.09, "reading_time_text": "2 min read", "reading_time_seconds": 65400, "reading_time_words": 218, "slug": "get-debian-wsl-set-up-for-web-development", "tags": "wsl,debian,guide", "title": "Get Debian WSL Set Up For Web Development", "last_updated": "2023-12-02T20:16:06.532Z" } ], "typescript": [ { "id": 156, "date": "2022-05-13T00:00:00.000Z", "is_private": 0, "preview": "I’ve started using TypeScript on every new project I start with\nSvelte. My buddy Jamie Barton has helped me out with getting set up\nwith the GraphQL Code Generator so that data is typed in the project.\n\nThis is a just so you know kind of guide as...", "preview_html": "

This is a just so you know kind of guide as ther...

", "reading_time_minutes": 5.545, "reading_time_text": "6 min read", "reading_time_seconds": 332700, "reading_time_words": 1109, "slug": "typescript-wit-sveltekit-example", "tags": "typescript,svelte,sveltekit,graphql,guide", "title": "GraphQL Code Generator with SvelteKit and TypeScript Example", "last_updated": "2023-11-30T20:12:15.736Z" } ], "npm": [ { "id": 94, "date": "2022-05-02T00:00:00.000Z", "is_private": 0, "preview": "I have several components that I use across a couple of my SvelteKit\nprojects. I decided to make them into an npm package so that I’m not\nmaintaining them in several places.\n\nHere I’m going to go through the process I followed to develop the\npackage...", "preview_html": "

I have several components that I use across a couple of my SvelteKit projects. I decided to make them into an npm package so that I’m not maintaining them in several places.

Here I’m going to go through the process I followed to develop the package l...

", "reading_time_minutes": 1.825, "reading_time_text": "2 min read", "reading_time_seconds": 109500, "reading_time_words": 365, "slug": "making-npm-packages-with-sveltekit", "tags": "svelte,sveltekit,npm", "title": "Making npm Packages with SvelteKit", "last_updated": "2023-12-02T20:16:13.473Z" } ], "git": [ { "id": 17, "date": "2022-04-17T00:00:00.000Z", "is_private": 0, "preview": "The Git username and email are the bare minimum needed for when\nworking with Git to commit changes. It’s also one of the first things\nyou do after installing Git.\n\nThe username and email are used to set the author of commits. Version\ncontrol...", "preview_html": "

The Git username and email are the bare minimum needed for when working with Git to commit changes. It’s also one of the first things you do after installing Git.

The username and email are used to set the author of commits. Version control wouldn’t ...

", "reading_time_minutes": 1.785, "reading_time_text": "2 min read", "reading_time_seconds": 107100, "reading_time_words": 357, "slug": "configure-git-username-and-email", "tags": "git,how-to", "title": "How to Configure Git Username and Email", "last_updated": "2023-12-02T20:16:00.654Z" }, { "id": 123, "date": "2022-04-14T00:00:00.000Z", "is_private": 0, "preview": "Secure Shell (SSH) is a secure way to connect with code repository\nhosts like GitLab, Bitbucket and of course GitHub. While HTTPS\nconnections require a username and password credentials, SSH instead\nuses a pair of cryptographically generated...", "preview_html": "

Th...

", "reading_time_minutes": 3.285, "reading_time_text": "4 min read", "reading_time_seconds": 197100, "reading_time_words": 657, "slug": "set-up-ssh-for-use-with-git", "tags": "git,ssh,how-to", "title": "Set up SSH for use with Git", "last_updated": "2023-12-02T20:16:18.123Z" }, { "id": 96, "date": "2019-01-27T00:00:00.000Z", "is_private": 0, "preview": "Over the past couple of weeks now I have set up several development\nmachines at work and have had to also use two git accounts, GitHub and\nBitbucket.\n\nTo connect to both I use SSH as a preference, I have been using SSH in\nplace of HTTPS for quite...", "preview_html": "

Over the past couple of weeks now I have set up several development machines at work and have had to also use two git accounts, GitHub and Bitbucket.

To connect to both I use SSH as a preference, I have been using SSH in place of HTTPS for quite some...

", "reading_time_minutes": 2.315, "reading_time_text": "3 min read", "reading_time_seconds": 138900, "reading_time_words": 463, "slug": "multiple-git-profiles", "tags": "learning,guide,wsl,git", "title": "Setting up multiple Git providers", "last_updated": "2023-12-02T20:16:13.790Z" } ], "zsh": [ { "id": 99, "date": "2022-04-14T00:00:00.000Z", "is_private": 0, "preview": "I’ve always bundled in my Zsh config with other guides I’ve done in\nthe past and never a stand alone post. So I’m making this now for my\nreference.\n\nI switched to Zsh around two years ago after being a long time Fish\nshell user. The reason for the...", "preview_html": "

I’ve always bundled in my Zsh config with other guides I’ve done in the past and never a stand alone post. So I’m making this now for my reference.

I switched to Zsh around two years ago after being a long time Fish shell user. The reason for the swi...

", "reading_time_minutes": 4.885, "reading_time_text": "5 min read", "reading_time_seconds": 293100, "reading_time_words": 977, "slug": "my-zsh-config", "tags": "zsh,guide", "title": "My Zsh Config", "last_updated": "2023-12-02T20:16:14.276Z" }, { "id": 184, "date": "2020-12-08T00:00:00.000Z", "is_private": 0, "preview": "Sooooooo, so, so, so, Zsh is pretty neat, right?\n\nI’ve been a long time fan of the Fish shell, but I recently had to go\nfull on with a Zsh shell and decided to give it a proper go.", "preview_html": "

Sooooooo, so, so, so, Zsh is pretty neat, right?

", "reading_time_minutes": 4.12, "reading_time_text": "5 min read", "reading_time_seconds": 247200, "reading_time_words": 824, "slug": "zsh-and-oh-my-zsh", "tags": "zsh,learning,guide", "title": "Notes on Zsh and Oh My Zsh", "last_updated": "2023-11-30T20:12:16.567Z" } ], "ssh": [ { "id": 123, "date": "2022-04-14T00:00:00.000Z", "is_private": 0, "preview": "Secure Shell (SSH) is a secure way to connect with code repository\nhosts like GitLab, Bitbucket and of course GitHub. While HTTPS\nconnections require a username and password credentials, SSH instead\nuses a pair of cryptographically generated...", "preview_html": "

Th...

", "reading_time_minutes": 3.285, "reading_time_text": "4 min read", "reading_time_seconds": 197100, "reading_time_words": 657, "slug": "set-up-ssh-for-use-with-git", "tags": "git,ssh,how-to", "title": "Set up SSH for use with Git", "last_updated": "2023-12-02T20:16:18.123Z" } ], "graphcms": [ { "id": 57, "date": "2022-03-18T00:00:00.000Z", "is_private": 0, "preview": "KitQL is a GraphQL client for Svelte. It is a set of tools to help you\nquery GraphQL APIs. I’ve been using it in a couple of projects now and\nwant to share what I have learned. What better way to do that than the\n(now) classic re-reaction of the...", "preview_html": "

", "reading_time_minutes": 15.935, "reading_time_text": "16 min read", "reading_time_seconds": 956100, "reading_time_words": 3187, "slug": "getting-started-with-kitql-and-graphcms", "tags": "svelte,sveltekit,graphql,graphcms", "title": "Getting Started with KitQL and GraphCMS", "last_updated": "2023-12-02T20:16:07.480Z" }, { "id": 163, "date": "2022-01-15T00:00:00.000Z", "is_private": 1, "preview": "Houdini! The disappearing GraphQL client! I’ve used Houdini for a\ncouple of projects now and I think it’s great!\n\nI first came across this post from the creator of Houdini (Alec\nAivazis) over on Dev.to for Building an Application with GraphQL...", "preview_html": "

Houdini! The disappearing GraphQL client! I’ve used Houdini for a couple of projects now and I think it’s great!

I first came across this post from the creator of Houdini (Alec Aivazis) over on Dev.to for Building an Application with GraphQL and Svel...

", "reading_time_minutes": 3.235, "reading_time_text": "4 min read", "reading_time_seconds": 194100, "reading_time_words": 647, "slug": "use-houdini-with-svelte", "tags": "sveltekit,how-to,graphql,graphcms", "title": "Use Houdini with Svelte", "last_updated": "2023-11-30T20:12:15.928Z" }, { "id": 65, "date": "2021-05-06T00:00:00.000Z", "is_private": 0, "preview": "I made a starter blog with SvelteKit and GraphCMS, I’ve been doing a\ncouple of small projects with it and I really like it!\n\nThis will focus mainly on the Svelte and SvelteKit side with not too\nmuch emphasis on the GraphCMS side. GraphCMS has a blog...", "preview_html": "

I made a starter blog with SvelteKit and GraphCMS, I’ve been doing a couple of small projects with it and I really like it!

This will focus mainly on the Svelte and SvelteKit side with not too much emphasis on the GraphCMS side. GraphCMS has a blog s...

Let’s set up Gatsby to pull data from GraphCMS.

", "reading_time_minutes": 3.025, "reading_time_text": "4 min read", "reading_time_seconds": 181500, "reading_time_words": 605, "slug": "graphcms-to-gatsby", "tags": "learning,guide,gatsby,getting-started,graphql,graphcms", "title": "Get your GraphCMS data into Gatsby", "last_updated": "2023-12-02T20:16:08.945Z" } ], "obs": [ { "id": 19, "date": "2022-02-25T00:00:00.000Z", "is_private": 0, "preview": "Do you ever watch a live stream and wonder how the chat is shown? If\nyou have and you’ve searched online you’d probably have found videos\ndetailing how to do this with services like Streamlabs, or Stream\nElements. These involve configuring the panel...", "preview_html": "

", "reading_time_minutes": 4.84, "reading_time_text": "5 min read", "reading_time_seconds": 290400, "reading_time_words": 968, "slug": "consolodate-chat-sources-for-use-in-obs", "tags": "obs,how-to,streaming", "title": "Consolidate Chat Sources for Use in OBS with Social Stream", "last_updated": "2023-12-02T20:16:01.069Z" }, { "id": 104, "date": "2021-04-28T00:00:00.000Z", "is_private": 0, "preview": "I came across this issue today when trying to set up OBS on a new\nmachine where trying to add a display capture and there was no output\nfor the screen.\n\nI found a fix, apparently this only affects laptops and it’s to do\nwith the video card.", "preview_html": "

I came across this issue today when trying to set up OBS on a new machine where trying to add a display capture and there was no output for the screen.

I found a fix, apparently this only affects laptops and it’s to do with the video card.

I got my new hardware from GraphCMS today and wanted to stream the setup of a Windows PC for web development.

The idea was to do a ‘set up a Windows machine from scratch for web development’ and there would be restarts when installing Windows Subsyst...

", "reading_time_minutes": 1.95, "reading_time_text": "2 min read", "reading_time_seconds": 117000, "reading_time_words": 390, "slug": "obs-ndi-two-screen-capture", "tags": "how-to,obs", "title": "OBS Display Capture from one PC to Another", "last_updated": "2023-12-02T20:16:15.232Z" } ], "streaming": [ { "id": 19, "date": "2022-02-25T00:00:00.000Z", "is_private": 0, "preview": "Do you ever watch a live stream and wonder how the chat is shown? If\nyou have and you’ve searched online you’d probably have found videos\ndetailing how to do this with services like Streamlabs, or Stream\nElements. These involve configuring the panel...", "preview_html": "

", "reading_time_minutes": 4.84, "reading_time_text": "5 min read", "reading_time_seconds": 290400, "reading_time_words": 968, "slug": "consolodate-chat-sources-for-use-in-obs", "tags": "obs,how-to,streaming", "title": "Consolidate Chat Sources for Use in OBS with Social Stream", "last_updated": "2023-12-02T20:16:01.069Z" } ], "snippets": [ { "id": 117, "date": "2022-01-25T00:00:00.000Z", "is_private": 0, "preview": "How do you filter a JavaScript object that has duplicate properties?\nUse reduce! The specific situation I had is a list of objects with\nduplicate properties. I wanted to filter out the duplicates and return\na new object with only the unique...", "preview_html": "

This is a dump of all the snippets I have collected over the last 18 months or so, that I’m going to document here so it’s probably going to be a mess but it’s mainly for my reference so 😛

Arrays

", "reading_time_minutes": 2.29, "reading_time_text": "3 min read", "reading_time_seconds": 137400, "reading_time_words": 458, "slug": "javascript-snippets", "tags": "learning,javascript,snippets", "title": "JavaScript snippets from around the web", "last_updated": "2023-12-02T20:16:10.718Z" } ], "ubuntu": [ { "id": 157, "date": "2022-01-18T00:00:00.000Z", "is_private": 0, "preview": "In this guide I’m going to detail upgrading Ubuntu on Windows\nSubsystem for Linux (WSL) from the current version 20.04 to 22.04 this\nthe development build of Ubuntu 22.04 which is due to be released on\n2022 April 21.\n\nYou can Tl;Dr and watch...", "preview_html": "

You can Tl;Dr and watch the video...

", "reading_time_minutes": 3.89, "reading_time_text": "4 min read", "reading_time_seconds": 233400, "reading_time_words": 778, "slug": "update-ubuntu-from-20.04-to-21.10", "tags": "wsl,guide,ubuntu", "title": "Upgrade Ubuntu on Windows Subsystem for Linux from 20.04 to 22.04", "last_updated": "2023-11-30T20:12:15.766Z" }, { "id": 8, "date": "2021-11-02T00:00:00.000Z", "is_private": 0, "preview": "I’ve had to make a copy of my current Ubuntu install for Windows\nSubsystem for Linux (WSL) and although I have written about this\nbefore but this time there were a few gotchas I want to cover here.\n\nWSL moves pretty fast so a lot of the...", "preview_html": "

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

", "reading_time_minutes": 4.3, "reading_time_text": "5 min read", "reading_time_seconds": 258000, "reading_time_words": 860, "slug": "backup-ubuntu-wsl-instances", "tags": "wsl,ubuntu,linux,how-to", "title": "Backup Ubuntu in Windows Subsystem for Linux", "last_updated": "2023-12-02T20:15:58.927Z" }, { "id": 180, "date": "2021-10-14T00:00:00.000Z", "is_private": 0, "preview": "Now that Windows 11 has been released I decided to switch from my\nWindows 11 insiders build and go over to my Windows 10 partition,\nreset it and start over on a fresh Windows 11 machine!\n\nIn the past getting set up with Windows Subsystem for Linux...", "preview_html": "

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!

In the past getting set up with Windows Subsystem for Linux (WS...

", "reading_time_minutes": 1.975, "reading_time_text": "2 min read", "reading_time_seconds": 118500, "reading_time_words": 395, "slug": "wsl-on-windows-11", "tags": "wsl,windows,ubuntu", "title": "Windows Subsystem for Linux on Windows 11", "last_updated": "2023-11-30T20:12:16.469Z" }, { "id": 162, "date": "2021-01-05T00:00:00.000Z", "is_private": 0, "preview": "This is a specific use case for installing Google Chrome in Ubuntu on\nWSL.\n\nOn Ubuntu, Snap is the preferred method to install Chromium and\nalthough snap is on the WSL image you get from the Microsoft store\nit’s not functional. There is a solution...", "preview_html": "

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

", "reading_time_minutes": 0.905, "reading_time_text": "1 min read", "reading_time_seconds": 54300, "reading_time_words": 181, "slug": "use-chrome-in-ubuntu-wsl", "tags": "guide,linux,ubuntu,wsl", "title": "Use Google Chrome in Ubuntu on Windows Subsystem Linux", "last_updated": "2023-11-30T20:12:15.900Z" }, { "id": 143, "date": "2020-07-15T00:00:00.000Z", "is_private": 0, "preview": "I switched from Ubuntu to Manjaro Linux, here’s how it went.\n\nSo for a while now I’ve been using Ubuntu, from when my old Asus\nTransformer Pro decided that it didn’t like running windows any more.", "preview_html": "

I switched from Ubuntu to Manjaro Linux, here’s how it went.

So for a while now I’ve been using Ubuntu, from when my old Asus Transformer Pro decided that it didn’t like running windows any more.

", "reading_time_minutes": 4.255, "reading_time_text": "5 min read", "reading_time_seconds": 255300, "reading_time_words": 851, "slug": "switching-to-manjaro-from-ubuntu", "tags": "manjaro,ubuntu,getting-started,linux", "title": "Switching to Manjaro from Ubuntu", "last_updated": "2023-12-02T20:16:21.384Z" }, { "id": 84, "date": "2020-06-20T00:00:00.000Z", "is_private": 0, "preview": "My beloved HAVIT KB395L keyboard left Ctrl key has started cutting\nout intermittently. As a developer all my coding revolves around that\nkey saving changes and copy pasting.\n\nThis means that my code now breaks with a random in there where I\nthought...", "preview_html": "

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

I built my first PC, here’s how it went and what I learned.

Up until recently I was very happy with my home computer, which was an ASUS Transformer Pro T304UA.

", "reading_time_minutes": 10.03, "reading_time_text": "11 min read", "reading_time_seconds": 601800, "reading_time_words": 2006, "slug": "first-time-pc-build", "tags": "hello-world,ubuntu,learning,hardware", "title": "My First PC Build", "last_updated": "2023-12-02T20:16:05.567Z" }, { "id": 159, "date": "2020-01-28T00:00:00.000Z", "is_private": 0, "preview": "In this guide I’m going to detail upgrading a Windows Subsystem Linux\n(WSL) Ubuntu install from the current version 18.04 to 19.10 this is\nan intermediary release before Ubuntu 20.04 is released on 2020\nApril 23.\n\nI have documented this process in...", "preview_html": "

I have documented this process in the...

", "reading_time_minutes": 2.77, "reading_time_text": "3 min read", "reading_time_seconds": 166200, "reading_time_words": 554, "slug": "update-wsl-ubuntu-from-18.10-to-19.10", "tags": "wsl,guide,ubuntu", "title": "Upgrade Windows Subsystem Linux - Ubuntu 18.04 to Ubuntu 19.10", "last_updated": "2023-11-30T20:12:15.827Z" }, { "id": 158, "date": "2019-04-01T00:00:00.000Z", "is_private": 0, "preview": "Already use WSL with Ubuntu? Want an Upgrade??\n\nThis is a guide that will cover upgrading Windows Subsystem Linux\n(WSL) from the current LTS version to the latest ‘normal’ version\n18.10.", "preview_html": "

Already use WSL with Ubuntu? Want an Upgrade??

This is a guide that will cover upgrading Windows Subsystem Linux (WSL) from the current LTS version to the latest ‘normal’ version 18.10.

", "reading_time_minutes": 2.3, "reading_time_text": "3 min read", "reading_time_seconds": 138000, "reading_time_words": 460, "slug": "update-wsl-from-18.04-18.10", "tags": "learning,wsl,guide,ubuntu", "title": "Update Windows Subsystem Linux Ubuntu from 18.04 to 18.10", "last_updated": "2023-11-30T20:12:15.791Z" } ], "fedora": [ { "id": 181, "date": "2021-12-08T00:00:00.000Z", "is_private": 0, "preview": "This is an updated guide on the post I did at the start of the year\nfor setting up a web development environment on Windows with Windows\nSubsystem for Linux (WSL). This guide is intended for use to get set\nup with Fedora 35 on WSL.\n\nThis is my...", "preview_html": "

This is my opinion...

", "reading_time_minutes": 6.935, "reading_time_text": "7 min read", "reading_time_seconds": 416100, "reading_time_words": 1387, "slug": "wsl-web-developer-setup-with-fedora-35", "tags": "fedora,linux,wsl", "title": "WSL Web Developer Setup with Fedora 35", "last_updated": "2023-11-30T20:12:16.492Z" }, { "id": 9, "date": "2021-03-24T00:00:00.000Z", "is_private": 0, "preview": "I have always liked using Windows Subsystem for Linux (WSL), I’d\nroutinely trash installs then reinstall them from the Microsoft store\nand have become quite adept at setting up new instances with\neverything I need to get back to coding as quickly as...", "preview_html": "

I have been having a blast playing around with configuring Fedora 33 in Windows via Windows Subsystem for Linux, I didn’t know you could straight up import a Linux distro and use it.

In this guide I’ll go through the complete setup needed to go from ...

", "reading_time_minutes": 7.77, "reading_time_text": "8 min read", "reading_time_seconds": 466200, "reading_time_words": 1554, "slug": "fedora-bootstrap-from-scratch", "tags": "fedora,linux,wsl", "title": "WSL Web Developer Bootstrap with Fedora 33", "last_updated": "2023-12-02T20:16:05.096Z" } ], "api": [ { "id": 140, "date": "2021-12-02T00:00:00.000Z", "is_private": 0, "preview": "If you want to fetch data from a GraphQL endpoint, you can use the\nbrowser fetch API without the need for any third party tools. You can\nuse the browser fetch API in SvelteKit on both the client and the\nserver.\n\nIn this first example I’m using the...", "preview_html": "

In this first example I’m using the Sve...

", "reading_time_minutes": 1.535, "reading_time_text": "2 min read", "reading_time_seconds": 92100, "reading_time_words": 307, "slug": "sveltekit-fetch-from-graphql-with-variables", "tags": "svelte,api,graphql,how-to", "title": "SvelteKit Fetch from GraphQL Endpoint with Variables", "last_updated": "2023-12-02T20:16:20.908Z" }, { "id": 61, "date": "2021-01-15T00:00:00.000Z", "is_private": 0, "preview": "This isn’t a guide, this is me documenting the how and why for a proof\nof concept project I worked on.\n\nSo, I started playing around with the GitHub GraphQL API endpoint to\ndo something I’ve been meaning to do for a wile now, that’s to make...", "preview_html": "

This isn’t a guide, this is me documenting the how and why for a proof of concept project I worked on.

So, I started playing around with the GitHub GraphQL API endpoint to do something I’ve been meaning to do for a wile now, that’s to make a serverle...

", "reading_time_minutes": 5.895, "reading_time_text": "6 min read", "reading_time_seconds": 353700, "reading_time_words": 1179, "slug": "github-user-details", "tags": "api,graphql,vercel", "title": "Using the GitHub GraphQL API in a serverless function - GraphQL vs REST", "last_updated": "2023-12-02T20:16:08.122Z" }, { "id": 53, "date": "2021-01-02T00:00:00.000Z", "is_private": 0, "preview": "Ok this is a little snippet I’ve got set up to query data from the\nGitHub GraphQL API.\n\nI use this for getting data to work with in data visualisation tools,\nI’ve done it a couple of times now with my Gatsby site but now I’m\nattempting to do it in a...", "preview_html": "

Ok this is a little snippet I’ve got set up to query data from the GitHub GraphQL API.

I use this for getting data to work with in data visualisation tools, I’ve done it a couple of times now with my Gatsby site but now I’m attempting to do it in a s...

", "reading_time_minutes": 1.465, "reading_time_text": "2 min read", "reading_time_seconds": 87900, "reading_time_words": 293, "slug": "get-graphql-data-with-axios", "tags": "graphql,api,notes", "title": "Get GraphQL Data Using Axios", "last_updated": "2023-12-02T20:16:06.847Z" }, { "id": 87, "date": "2020-12-27T00:00:00.000Z", "is_private": 0, "preview": "Create a simple Node API on Vercel Serverless functions in under 20\nminutes. But first some preamble!\n\nA while back (3 years ago now!) I made a Positivity API, it was a\nreally simple array of positive quotes that’s used in the\n#100DaysOfCode twitter...", "preview_html": "

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

", "reading_time_minutes": 5.64, "reading_time_text": "6 min read", "reading_time_seconds": 338400, "reading_time_words": 1128, "slug": "make-a-simple-api-endpoint-with-vercel", "tags": "api,vercel,guide", "title": "Make a Simple API Endpoint with Vercel Serverless Functions", "last_updated": "2023-12-02T20:16:12.310Z" }, { "id": 115, "date": "2018-09-08T00:00:00.000Z", "is_private": 0, "preview": "Let’s use the React Context API to change theme in an app!\n\nThis is what it will look like by the end of this post:", "preview_html": "

Let’s use the React Context API to change theme in an app!

This is what it will look like by the end of this post:

", "reading_time_minutes": 14.835, "reading_time_text": "15 min read", "reading_time_seconds": 890100, "reading_time_words": 2967, "slug": "react-context-api", "tags": "learning,guide,getting-started,react,api,styled-components,css-in-js", "title": "Using the React Context API - getting started", "last_updated": "2023-12-02T20:16:16.840Z" }, { "id": 114, "date": "2018-05-22T00:00:00.000Z", "is_private": 0, "preview": "I’m a bit late to the party using the new React Context API, I did\nget to use it the other day at work, I also made a snippet to\nscaffold out a component for it.\n\nI had followed a couple of guides explaining how to use it and neither\nof them as good...", "preview_html": "

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

", "reading_time_minutes": 8.235, "reading_time_text": "9 min read", "reading_time_seconds": 494100, "reading_time_words": 1647, "slug": "react-context-api-with-gatsby", "tags": "learning,guide,gatsby,api", "title": "Use the React Context API with Gatsby", "last_updated": "2023-12-02T20:16:16.683Z" } ], "netlify": [ { "id": 167, "date": "2021-08-31T00:00:00.000Z", "is_private": 0, "preview": "I’ve been using Netlify recently to make a project that uses\nendpoints. Unlike with Vercel where you can use the endpoint to fetch\nthe data dynamically Netlify needs to statically generate the data.\n\nThere’s some SvelteKit settings that need...", "preview_html": "

There’s some SvelteKit prerender settings that need...

", "reading_time_minutes": 0.655, "reading_time_text": "1 min read", "reading_time_seconds": 39300, "reading_time_words": 131, "slug": "using-skeltekit-endpoints-in-netlify", "tags": "svelte,sveltekit,netlify", "title": "Using SvelteKit Endpoints in Netlify", "last_updated": "2023-11-30T20:12:16.114Z" }, { "id": 106, "date": "2021-08-12T00:00:00.000Z", "is_private": 0, "preview": "Having one place for all your social links is big business! Services\nlike Linktree, ContactInBio, LinkBook, etc all offer the same\nsort of service. One location for all your social links.\n\nThis is a nice project as a proof of concept to get you set...", "preview_html": "

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

", "reading_time_minutes": 2.035, "reading_time_text": "3 min read", "reading_time_seconds": 122100, "reading_time_words": 407, "slug": "once-click-links-page", "tags": "jamstack,vercel,netlify,guide,tailwind", "title": "Deploy Your Own Links Page with One Click", "last_updated": "2023-12-02T20:16:15.390Z" } ], "jamstack": [ { "id": 106, "date": "2021-08-12T00:00:00.000Z", "is_private": 0, "preview": "Having one place for all your social links is big business! Services\nlike Linktree, ContactInBio, LinkBook, etc all offer the same\nsort of service. One location for all your social links.\n\nThis is a nice project as a proof of concept to get you set...", "preview_html": "

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

", "reading_time_minutes": 2.035, "reading_time_text": "3 min read", "reading_time_seconds": 122100, "reading_time_words": 407, "slug": "once-click-links-page", "tags": "jamstack,vercel,netlify,guide,tailwind", "title": "Deploy Your Own Links Page with One Click", "last_updated": "2023-12-02T20:16:15.390Z" }, { "id": 103, "date": "2021-03-13T00:00:00.000Z", "is_private": 0, "preview": "For the past couple of weeks I have slowly been getting a more\ncomfortable with Toast\n\nThe best way to do that would be to make a project with it, I decided\nto move my blog to Toast.", "preview_html": "

For the past couple of weeks I have slowly been getting a more comfortable with Toast

The best way to do that would be to make a project with it, I decided to move my blog to Toast.

", "reading_time_minutes": 1.205, "reading_time_text": "2 min read", "reading_time_seconds": 72300, "reading_time_words": 241, "slug": "notes-on-toast", "tags": "toast,jamstack,notes", "title": "Notes on Toast", "last_updated": "2023-12-02T20:16:14.905Z" }, { "id": 130, "date": "2020-10-17T00:00:00.000Z", "is_private": 0, "preview": "I have delivered this talk several times now but not actually written\nabout it.\n\n", "preview_html": "

I have delivered this talk several times now but not actually written about it.

", "reading_time_minutes": 3.55, "reading_time_text": "4 min read", "reading_time_seconds": 213000, "reading_time_words": 710, "slug": "spreading-the-jamstack", "tags": "jamstack,resource", "title": "Spreading the Jamstack", "last_updated": "2023-12-02T20:16:19.240Z" }, { "id": 76, "date": "2019-07-19T00:00:00.000Z", "is_private": 0, "preview": "I’ve been wanting to go to a JAMstack conf since the first one was\nscheduled for October 2018. This year when it was announced there\nwould be one in London I was super excited to get the opportunity to\ngo.\n\nThe conference was across two days with...", "preview_html": "

I’ve been wanting to go to a JAMstack conf since the first one was scheduled for October 2018. This year when it was announced there would be one in London I was super excited to get the opportunity to go.

The conference was across two days with the ...

", "reading_time_minutes": 3.36, "reading_time_text": "4 min read", "reading_time_seconds": 201600, "reading_time_words": 672, "slug": "jamstack-london-2019", "tags": "conference,jamstack", "title": "JAMstack_conf London 2019", "last_updated": "2023-12-02T20:16:10.561Z" } ], "rss": [ { "id": 90, "date": "2021-08-09T00:00:00.000Z", "is_private": 0, "preview": "The indie web is alive and well and there are more and more people\ntaking control and owning their online presence and also how they\nconsume other content. One way to help consumers of your site know\nthat there is new content available is by making...", "preview_html": "

", "reading_time_minutes": 4.945, "reading_time_text": "5 min read", "reading_time_seconds": 296700, "reading_time_words": 989, "slug": "make-an-rss-feed-with-sveltekit", "tags": "svelte,sveltekit,rss,guide,how-to", "title": "Make an RSS Feed for your SvelteKit Project", "last_updated": "2023-12-02T20:16:12.816Z" } ], "vite": [ { "id": 65, "date": "2021-05-06T00:00:00.000Z", "is_private": 0, "preview": "I made a starter blog with SvelteKit and GraphCMS, I’ve been doing a\ncouple of small projects with it and I really like it!\n\nThis will focus mainly on the Svelte and SvelteKit side with not too\nmuch emphasis on the GraphCMS side. GraphCMS has a blog...", "preview_html": "

I made a starter blog with SvelteKit and GraphCMS, I’ve been doing a couple of small projects with it and I really like it!

This will focus mainly on the Svelte and SvelteKit side with not too much emphasis on the GraphCMS side. GraphCMS has a blog s...

", "reading_time_minutes": 7.47, "reading_time_text": "8 min read", "reading_time_seconds": 448200, "reading_time_words": 1494, "slug": "graphcms-svelte-starter", "tags": "svelte,sveltekit,vite,graphcms", "title": "SvelteKit starter blog with GraphCMS", "last_updated": "2023-12-02T20:16:08.780Z" } ], "vba": [ { "id": 18, "date": "2021-04-25T00:00:00.000Z", "is_private": 1, "preview": "I was listening to James Q Quick on his podcast, he was doing his\norigin story and there were some questions being asked and someone\nasked this question which got me thinking.\n\nDid you ever consider giving up?", "preview_html": "

I was listening to James Q Quick on his podcast, he was doing his origin story and there were some questions being asked and someone asked this question which got me thinking.

Did you ever consider giving up?

", "reading_time_minutes": 1.48, "reading_time_text": "2 min read", "reading_time_seconds": 88800, "reading_time_words": 296, "slug": "considered-quitting", "tags": "career,vba,notes", "title": "Ever Considered Quitting?", "last_updated": "2023-12-02T20:16:00.863Z" }, { "id": 169, "date": "2016-11-14T00:00:00.000Z", "is_private": 0, "preview": "I have seen the same situation many times now in my career as a VBA\nDeveloper about how source code control is managed with VBA projects.\n\nSource control on VBA has long been a bit of a nonsense, there isn’t\nany really. When I started my first...", "preview_html": "

I have seen the same situation many times now in my career as a VBA Developer about how source code control is managed with VBA projects.

Source control on VBA has long been a bit of a nonsense, there isn’t any really. When I started my first develop...

", "reading_time_minutes": 2, "reading_time_text": "2 min read", "reading_time_seconds": 120000, "reading_time_words": 400, "slug": "vba-ide-export", "tags": "vcs,vba", "title": "VBA Code Export for Version Control Systems", "last_updated": "2023-11-30T20:12:16.169Z" } ], "render": [ { "id": 126, "date": "2021-04-24T00:00:00.000Z", "is_private": 0, "preview": "Render is pretty neat!\n\nI’m still super early days but I have discovered the \nfiles that is the equivalent to the Amazon CDK (Cloud Development\nKit). The Amazon CDK is pretty powerful from what I can glean.", "preview_html": "

Render is pretty neat!

I’m still super early days but I have discovered the render.yml files that is the equivalent to the Amazon CDK (Cloud Development Kit). The Amazon CDK is pretty powerful from what I can glean.

", "reading_time_minutes": 1.69, "reading_time_text": "2 min read", "reading_time_seconds": 101400, "reading_time_words": 338, "slug": "setting-up-render", "tags": "render,notes,resource", "title": "Setting up Resources on Render", "last_updated": "2023-12-02T20:16:18.601Z" } ], "gatsby": [ { "id": 118, "date": "2021-04-20T00:00:00.000Z", "is_private": 0, "preview": "The Gatsby offline plugin is really handy right up until you don’t\nwant it any more!\n\nI switched my main site over to Toast from Gatsby and hit a bump when\nit came to removing the old Gatsby site because it used a service\nworker meant that the new...", "preview_html": "

The Gatsby offline plugin is really handy right up until you don’t want it any more!

I switched my main site over to Toast from Gatsby and hit a bump when it came to removing the old Gatsby site because it used a service worker meant that the new sit...

", "reading_time_minutes": 1.51, "reading_time_text": "2 min read", "reading_time_seconds": 90600, "reading_time_words": 302, "slug": "remove-service-worker", "tags": "gatsby,guide,resource", "title": "Remove Service Worker - Gatsby", "last_updated": "2023-12-02T20:16:17.315Z" }, { "id": 49, "date": "2020-11-29T00:00:00.000Z", "is_private": 0, "preview": "The Gatsby File System Route API was announced recently and I have\nbeen having a play around with it. If you’re not familiar with it,\nit’s something like the dynamic routing you get with Next.js. If\nyou’re not familiar with that either then it’s a...", "preview_html": "

", "reading_time_minutes": 9.02, "reading_time_text": "10 min read", "reading_time_seconds": 541200, "reading_time_words": 1804, "slug": "gatsby-file-system-route-api", "tags": "gatsby,mdx,learning", "title": "Gatsby File System Route API with MDX", "last_updated": "2023-12-02T20:16:06.220Z" }, { "id": 56, "date": "2020-11-21T00:00:00.000Z", "is_private": 0, "preview": "Ok, so this is another one of those “let’s use a new CSS-in-JS library\non a Gatsby default starter project” post.\n\nIn this case it’s Chakra UI, it’s recently gone v1 and I’m keen to use\nit.", "preview_html": "

Ok, so this is another one of those “let’s use a new CSS-in-JS library on a Gatsby default starter project” post.

In this case it’s Chakra UI, it’s recently gone v1 and I’m keen to use it.

", "reading_time_minutes": 8.15, "reading_time_text": "9 min read", "reading_time_seconds": 489000, "reading_time_words": 1630, "slug": "getting-started-chakra-ui-gatsby", "tags": "gatsby,getting-started,guide", "title": "Chakra UI and Gatsby - Getting Started", "last_updated": "2023-12-02T20:16:07.325Z" }, { "id": 40, "date": "2020-06-09T00:00:00.000Z", "is_private": 0, "preview": "Fathom Analytics, a great tool to use for your site analytics without\nthe compromise of giving your visitors data to Google.\n\nI’ve written about How to Track Custom Events with Fathom in the\npast but since then Fathom have changed their...", "preview_html": "

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

", "reading_time_minutes": 2.43, "reading_time_text": "3 min read", "reading_time_seconds": 145800, "reading_time_words": 486, "slug": "fathom-config", "tags": "analytics,learning,guide,hooks,react,gatsby", "title": "Fathom Analytics Gatsby Configuration", "last_updated": "2023-12-02T20:16:04.781Z" }, { "id": 129, "date": "2020-02-13T00:00:00.000Z", "is_private": 0, "preview": "If you’re having issues with the clicks not scrolling to link IDs\nsee Not scrolling to ID\n\nThe main purpose for me documenting this is to demonstrate\nimplementing a table of contents with smooth scroll to the anchors in\na Gatsby project using MDX.", "preview_html": "

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’ll be swapping out the styles included with a CSS...

", "reading_time_minutes": 9.31, "reading_time_text": "10 min read", "reading_time_seconds": 558600, "reading_time_words": 1862, "slug": "globally-style-gatsby-styled-components", "tags": "learning,gatsby,guide,mdx,markdown", "title": "Globally Style the Gatsby Default Starter with styled-components v5", "last_updated": "2023-12-02T20:16:08.285Z" }, { "id": 11, "date": "2019-10-31T00:00:00.000Z", "is_private": 0, "preview": "I have been a Gatsby user since around v0 May 2017, at that time was\nusing a template called Lumen and it was just what I needed at the\ntime. Since then I have have gone from using a template to creating my\nblog.\n\nOver the years I have made my own...", "preview_html": "

Over the years I have made my own Pro...

", "reading_time_minutes": 41.83, "reading_time_text": "42 min read", "reading_time_seconds": 2509800, "reading_time_words": 8366, "slug": "build-an-mdx-blog", "tags": "learning,gatsby,guide,mdx,markdown", "title": "Build a coding blog from scratch with Gatsby and MDX", "last_updated": "2023-12-02T20:15:59.467Z" }, { "id": 23, "date": "2019-06-11T00:00:00.000Z", "is_private": 1, "preview": "Since publishing my last post on this Chris Biscardi has released an\nawesome MDX egghead.io course that goes over using MDX in a Gatsby\napplication. If you want to see how the pros do it then take a look at\nthe play list, it’s an egghead community...", "preview_html": "

In this guide we’re going to cover converting the Gatsby default blog starter to use MDX.

All the cool kids are using Gatsby and MDX in their blogs these days. If you already have a blog that uses Gatsby but want to move onto the new hotness then thi...

", "reading_time_minutes": 3.055, "reading_time_text": "4 min read", "reading_time_seconds": 183300, "reading_time_words": 611, "slug": "convert-gatsby-default-blog-to-mdx", "tags": "learning,gatsby,guide,mdx,markdown", "title": "Convert the Gatsby default starter blog to use MDX", "last_updated": "2023-12-02T20:16:01.551Z" }, { "id": 32, "date": "2019-03-24T00:00:00.000Z", "is_private": 0, "preview": "Hooks ahoy!\n\nOk, let’s get it on with the new hotness in React-land, React Hooks!\nThis is a guide covering using the Gatsby custom React hook for\n which it is now replacing with .", "preview_html": "

Hooks ahoy!

Ok, let’s get it on with the new hotness in React-land, React Hooks! This is a guide covering using the Gatsby custom React hook for StaticQuery which it is now replacing with useStaticQuery.

", "reading_time_minutes": 3.675, "reading_time_text": "4 min read", "reading_time_seconds": 220500, "reading_time_words": 735, "slug": "custom-gatsby-metadata-hook", "tags": "learning,gatsby,react,hooks,guide", "title": "Creating a Custom React Hook for Gatsby Site Metadata", "last_updated": "2023-12-02T20:16:03.417Z" }, { "id": 145, "date": "2019-03-09T00:00:00.000Z", "is_private": 0, "preview": "Moving to the new hotness!!\n\nI’ve now moved this blog over to Gatsby MDX. You can see all the\nchanges\non my repo here.", "preview_html": "

Moving to the new hotness!!

I’ve now moved this blog over to Gatsby MDX. You can see all the changes on my repo here.

", "reading_time_minutes": 0.7, "reading_time_text": "1 min read", "reading_time_seconds": 42000, "reading_time_words": 140, "slug": "testing-mdx", "tags": "learning,gatsby,mdx", "title": "Testing MDX", "last_updated": "2023-12-02T20:16:21.700Z" }, { "id": 50, "date": "2018-11-29T00:00:00.000Z", "is_private": 0, "preview": "Let’s go through getting styled-components working with the Gatsby\ndefault starter.\n\n", "preview_html": "

Let’s go through getting styled-components working with the Gatsby default starter.

Let’s set up Gatsby to pull data from GraphCMS.

", "reading_time_minutes": 3.025, "reading_time_text": "4 min read", "reading_time_seconds": 181500, "reading_time_words": 605, "slug": "graphcms-to-gatsby", "tags": "learning,guide,gatsby,getting-started,graphql,graphcms", "title": "Get your GraphCMS data into Gatsby", "last_updated": "2023-12-02T20:16:08.945Z" }, { "id": 114, "date": "2018-05-22T00:00:00.000Z", "is_private": 0, "preview": "I’m a bit late to the party using the new React Context API, I did\nget to use it the other day at work, I also made a snippet to\nscaffold out a component for it.\n\nI had followed a couple of guides explaining how to use it and neither\nof them as good...", "preview_html": "

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

", "reading_time_minutes": 8.235, "reading_time_text": "9 min read", "reading_time_seconds": 494100, "reading_time_words": 1647, "slug": "react-context-api-with-gatsby", "tags": "learning,guide,gatsby,api", "title": "Use the React Context API with Gatsby", "last_updated": "2023-12-02T20:16:16.683Z" } ], "tools": [ { "id": 101, "date": "2021-03-13T00:00:00.000Z", "is_private": 0, "preview": "I was directed to direnv by Chris Biscardi when I was trying to use\nsome environment variables in my Toast site.\n\nIn the past I have always reached for dotenv so taking a look at other\nToast sites I couldn’t find any that used it so I reached out...", "preview_html": "

I was directed to direnv by Chris Biscardi when I was trying to use some environment variables in my Toast site.

", "reading_time_minutes": 1.16, "reading_time_text": "2 min read", "reading_time_seconds": 69600, "reading_time_words": 232, "slug": "notes-on-direnv", "tags": "tools,cli,notes", "title": "Notes on direnv", "last_updated": "2023-12-02T20:16:14.592Z" }, { "id": 97, "date": "2020-07-17T00:00:00.000Z", "is_private": 0, "preview": "For as long as I have been learning web development () I have been taking notes. Partly notes to help\nclarify my understanding of something and partly for future me.\n\nThat’s why I have my digital garden, an online collection of my\nlearning over the...", "preview_html": "

For as long as I have been learning web development () I have been taking notes. Partly notes to help clarify my understanding of something and partly for future me.

That’s why I have my digital garden, an online collection of my learning over the ye...

", "reading_time_minutes": 4.875, "reading_time_text": "5 min read", "reading_time_seconds": 292500, "reading_time_words": 975, "slug": "my-second-brain-zettelkasten", "tags": "habits,notes,vscode,resource,tools", "title": "My Second Brain - Zettelkasten", "last_updated": "2023-12-02T20:16:13.946Z" } ], "cli": [ { "id": 101, "date": "2021-03-13T00:00:00.000Z", "is_private": 0, "preview": "I was directed to direnv by Chris Biscardi when I was trying to use\nsome environment variables in my Toast site.\n\nIn the past I have always reached for dotenv so taking a look at other\nToast sites I couldn’t find any that used it so I reached out...", "preview_html": "

I was directed to direnv by Chris Biscardi when I was trying to use some environment variables in my Toast site.

", "reading_time_minutes": 1.16, "reading_time_text": "2 min read", "reading_time_seconds": 69600, "reading_time_words": 232, "slug": "notes-on-direnv", "tags": "tools,cli,notes", "title": "Notes on direnv", "last_updated": "2023-12-02T20:16:14.592Z" } ], "toast": [ { "id": 103, "date": "2021-03-13T00:00:00.000Z", "is_private": 0, "preview": "For the past couple of weeks I have slowly been getting a more\ncomfortable with Toast\n\nThe best way to do that would be to make a project with it, I decided\nto move my blog to Toast.", "preview_html": "

For the past couple of weeks I have slowly been getting a more comfortable with Toast

The best way to do that would be to make a project with it, I decided to move my blog to Toast.

", "reading_time_minutes": 1.205, "reading_time_text": "2 min read", "reading_time_seconds": 72300, "reading_time_words": 241, "slug": "notes-on-toast", "tags": "toast,jamstack,notes", "title": "Notes on Toast", "last_updated": "2023-12-02T20:16:14.905Z" } ], "mdx": [ { "id": 93, "date": "2021-02-16T00:00:00.000Z", "is_private": 0, "preview": "Ever since I first saw Sara Vieira’s slides form Vue London 2018\nI’ve really liked the idea of writing a presentation in MDX.\n\nSara used something called MDX Deck and it’s pretty dope! You write\nyour slides in Markdown and sprinkle in other nice...", "preview_html": "

Ever since I first saw Sara Vieira’s slides form Vue London 2018 I’ve really liked the idea of writing a presentation in MDX.

Sara used something called MDX Deck and it’s pretty dope! You write your slides in Markdown and sprinkle in other nice bits ...

", "reading_time_minutes": 5.13, "reading_time_text": "6 min read", "reading_time_seconds": 307800, "reading_time_words": 1026, "slug": "making-mdx-presentations", "tags": "mdx,speaking,markdown", "title": "Making Presentations with MDX", "last_updated": "2023-12-02T20:16:13.313Z" }, { "id": 49, "date": "2020-11-29T00:00:00.000Z", "is_private": 0, "preview": "The Gatsby File System Route API was announced recently and I have\nbeen having a play around with it. If you’re not familiar with it,\nit’s something like the dynamic routing you get with Next.js. If\nyou’re not familiar with that either then it’s a...", "preview_html": "

", "reading_time_minutes": 9.02, "reading_time_text": "10 min read", "reading_time_seconds": 541200, "reading_time_words": 1804, "slug": "gatsby-file-system-route-api", "tags": "gatsby,mdx,learning", "title": "Gatsby File System Route API with MDX", "last_updated": "2023-12-02T20:16:06.220Z" }, { "id": 129, "date": "2020-02-13T00:00:00.000Z", "is_private": 0, "preview": "If you’re having issues with the clicks not scrolling to link IDs\nsee Not scrolling to ID\n\nThe main purpose for me documenting this is to demonstrate\nimplementing a table of contents with smooth scroll to the anchors in\na Gatsby project using MDX.", "preview_html": "

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’ll be swapping out the styles included with a CSS...

", "reading_time_minutes": 9.31, "reading_time_text": "10 min read", "reading_time_seconds": 558600, "reading_time_words": 1862, "slug": "globally-style-gatsby-styled-components", "tags": "learning,gatsby,guide,mdx,markdown", "title": "Globally Style the Gatsby Default Starter with styled-components v5", "last_updated": "2023-12-02T20:16:08.285Z" }, { "id": 11, "date": "2019-10-31T00:00:00.000Z", "is_private": 0, "preview": "I have been a Gatsby user since around v0 May 2017, at that time was\nusing a template called Lumen and it was just what I needed at the\ntime. Since then I have have gone from using a template to creating my\nblog.\n\nOver the years I have made my own...", "preview_html": "

Over the years I have made my own Pro...

", "reading_time_minutes": 41.83, "reading_time_text": "42 min read", "reading_time_seconds": 2509800, "reading_time_words": 8366, "slug": "build-an-mdx-blog", "tags": "learning,gatsby,guide,mdx,markdown", "title": "Build a coding blog from scratch with Gatsby and MDX", "last_updated": "2023-12-02T20:15:59.467Z" }, { "id": 23, "date": "2019-06-11T00:00:00.000Z", "is_private": 1, "preview": "Since publishing my last post on this Chris Biscardi has released an\nawesome MDX egghead.io course that goes over using MDX in a Gatsby\napplication. If you want to see how the pros do it then take a look at\nthe play list, it’s an egghead community...", "preview_html": "

In this guide we’re going to cover converting the Gatsby default blog starter to use MDX.

All the cool kids are using Gatsby and MDX in their blogs these days. If you already have a blog that uses Gatsby but want to move onto the new hotness then thi...

", "reading_time_minutes": 3.055, "reading_time_text": "4 min read", "reading_time_seconds": 183300, "reading_time_words": 611, "slug": "convert-gatsby-default-blog-to-mdx", "tags": "learning,gatsby,guide,mdx,markdown", "title": "Convert the Gatsby default starter blog to use MDX", "last_updated": "2023-12-02T20:16:01.551Z" }, { "id": 145, "date": "2019-03-09T00:00:00.000Z", "is_private": 0, "preview": "Moving to the new hotness!!\n\nI’ve now moved this blog over to Gatsby MDX. You can see all the\nchanges\non my repo here.", "preview_html": "

Moving to the new hotness!!

I’ve now moved this blog over to Gatsby MDX. You can see all the changes on my repo here.

", "reading_time_minutes": 0.7, "reading_time_text": "1 min read", "reading_time_seconds": 42000, "reading_time_words": 140, "slug": "testing-mdx", "tags": "learning,gatsby,mdx", "title": "Testing MDX", "last_updated": "2023-12-02T20:16:21.700Z" } ], "speaking": [ { "id": 93, "date": "2021-02-16T00:00:00.000Z", "is_private": 0, "preview": "Ever since I first saw Sara Vieira’s slides form Vue London 2018\nI’ve really liked the idea of writing a presentation in MDX.\n\nSara used something called MDX Deck and it’s pretty dope! You write\nyour slides in Markdown and sprinkle in other nice...", "preview_html": "

Ever since I first saw Sara Vieira’s slides form Vue London 2018 I’ve really liked the idea of writing a presentation in MDX.

Sara used something called MDX Deck and it’s pretty dope! You write your slides in Markdown and sprinkle in other nice bits ...

", "reading_time_minutes": 5.13, "reading_time_text": "6 min read", "reading_time_seconds": 307800, "reading_time_words": 1026, "slug": "making-mdx-presentations", "tags": "mdx,speaking,markdown", "title": "Making Presentations with MDX", "last_updated": "2023-12-02T20:16:13.313Z" } ], "nextjs": [ { "id": 37, "date": "2021-02-02T00:00:00.000Z", "is_private": 0, "preview": "A sitemap is an important for Search Engine Optimisation (SEO) because\nit makes it easier for Google and other search engines to find your\nsite’s pages.\n\nGoogle ranks web pages not just websites. There is no downside of\nhaving an XML Sitemap and...", "preview_html": "

A sitemap is an important for Search Engine Optimisation (SEO) because it makes it easier for Google and other search engines to find your site’s pages.

Google ranks web pages not just websites. There is no downside of having an XML Sitemap and havin...

", "reading_time_minutes": 2.315, "reading_time_text": "3 min read", "reading_time_seconds": 138900, "reading_time_words": 463, "slug": "dynamic-sitemap-generation-with-nextjs-and-sanity", "tags": "nextjs,seo,notes", "title": "Sitemap Generation for Dynamic Routes In NextJS with the Sanity Client", "last_updated": "2023-12-02T20:16:04.304Z" } ], "hooks": [ { "id": 27, "date": "2020-12-31T00:00:00.000Z", "is_private": 0, "preview": "Create a Video overlay with React hooks.\n\nI had to create a video overlay for a project I was working on. This\nexample use a portal to render the player with .", "preview_html": "

Create a Video overlay with React hooks.

I had to create a video overlay for a project I was working on. This example use a portal to render the player with react-player.

", "reading_time_minutes": 1.915, "reading_time_text": "2 min read", "reading_time_seconds": 114900, "reading_time_words": 383, "slug": "create-a-video-overlay-with-hooks", "tags": "learning,guide,hooks,react", "title": "Create a Video Overlay with Hooks", "last_updated": "2023-12-02T20:16:02.485Z" }, { "id": 40, "date": "2020-06-09T00:00:00.000Z", "is_private": 0, "preview": "Fathom Analytics, a great tool to use for your site analytics without\nthe compromise of giving your visitors data to Google.\n\nI’ve written about How to Track Custom Events with Fathom in the\npast but since then Fathom have changed their...", "preview_html": "

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

", "reading_time_minutes": 2.43, "reading_time_text": "3 min read", "reading_time_seconds": 145800, "reading_time_words": 486, "slug": "fathom-config", "tags": "analytics,learning,guide,hooks,react,gatsby", "title": "Fathom Analytics Gatsby Configuration", "last_updated": "2023-12-02T20:16:04.781Z" }, { "id": 150, "date": "2020-01-02T00:00:00.000Z", "is_private": 0, "preview": "In this guide I’m going to go through how to track custom events in a\nGatsby site using Fathom analytics.\n\nPreamble", "preview_html": "

In this guide I’m going to go through how to track custom events in a Gatsby site using Fathom analytics.

Preamble

", "reading_time_minutes": 5.305, "reading_time_text": "6 min read", "reading_time_seconds": 318300, "reading_time_words": 1061, "slug": "track-custom-events-with-fathom-analytics", "tags": "analytics,learning,guide,hooks,react,fathom", "title": "Track Custom Events With Fathom Analytics", "last_updated": "2023-12-02T20:16:22.507Z" }, { "id": 151, "date": "2019-09-16T00:00:00.000Z", "is_private": 0, "preview": "Do you use Google Analytics (GA) for any of your sites?\n\nI’ve used it in the past and it gives quite good information about", "preview_html": "

Do you use Google Analytics (GA) for any of your sites?

I’ve used it in the past and it gives quite good information about

", "reading_time_minutes": 1.04, "reading_time_text": "2 min read", "reading_time_seconds": 62400, "reading_time_words": 208, "slug": "track-custom-events-with-google", "tags": "learning,guide,hooks,react,analytics", "title": "Track Custom Events With Google Analytics", "last_updated": "2023-11-30T20:12:15.587Z" }, { "id": 32, "date": "2019-03-24T00:00:00.000Z", "is_private": 0, "preview": "Hooks ahoy!\n\nOk, let’s get it on with the new hotness in React-land, React Hooks!\nThis is a guide covering using the Gatsby custom React hook for\n which it is now replacing with .", "preview_html": "

Hooks ahoy!

Ok, let’s get it on with the new hotness in React-land, React Hooks! This is a guide covering using the Gatsby custom React hook for StaticQuery which it is now replacing with useStaticQuery.

", "reading_time_minutes": 3.675, "reading_time_text": "4 min read", "reading_time_seconds": 220500, "reading_time_words": 735, "slug": "custom-gatsby-metadata-hook", "tags": "learning,gatsby,react,hooks,guide", "title": "Creating a Custom React Hook for Gatsby Site Metadata", "last_updated": "2023-12-02T20:16:03.417Z" } ], "react": [ { "id": 27, "date": "2020-12-31T00:00:00.000Z", "is_private": 0, "preview": "Create a Video overlay with React hooks.\n\nI had to create a video overlay for a project I was working on. This\nexample use a portal to render the player with .", "preview_html": "

Create a Video overlay with React hooks.

I had to create a video overlay for a project I was working on. This example use a portal to render the player with react-player.

", "reading_time_minutes": 1.915, "reading_time_text": "2 min read", "reading_time_seconds": 114900, "reading_time_words": 383, "slug": "create-a-video-overlay-with-hooks", "tags": "learning,guide,hooks,react", "title": "Create a Video Overlay with Hooks", "last_updated": "2023-12-02T20:16:02.485Z" }, { "id": 182, "date": "2020-06-18T00:00:00.000Z", "is_private": 0, "preview": "Now that Windows Subsystem Linux has finally arrived I think it’s time\nto refresh my notes on it from the last post I did back at the end\nof 2018.\n\nhttps://docs.microsoft.com/en-gb/windows/wsl/install-win10", "preview_html": "

Now that Windows Subsystem Linux has finally arrived I think it’s time to refresh my notes on it from the last post I did back at the end of 2018.

https://docs.microsoft.com/en-gb/windows/wsl/install-win10

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

", "reading_time_minutes": 2.43, "reading_time_text": "3 min read", "reading_time_seconds": 145800, "reading_time_words": 486, "slug": "fathom-config", "tags": "analytics,learning,guide,hooks,react,gatsby", "title": "Fathom Analytics Gatsby Configuration", "last_updated": "2023-12-02T20:16:04.781Z" }, { "id": 116, "date": "2020-05-04T00:00:00.000Z", "is_private": 0, "preview": "Here’s some of the reasoning and detail that went into making the\nReact SEO Component.\n\nThere wasn’t a great deal I knew about Search Engine Optimization\nbefore I set about writing the Build a coding blog from scratch with\nGatsby and MDX guide that...", "preview_html": "

Here’s some of the reasoning and detail that went into making the React SEO Component.

There wasn’t a great deal I knew about Search Engine Optimization before I set about writing the Build a coding blog from scratch with Gatsby and MDX guide that I ...

", "reading_time_minutes": 3.905, "reading_time_text": "4 min read", "reading_time_seconds": 234300, "reading_time_words": 781, "slug": "react-seo-component", "tags": "learning,react,seo", "title": "Why Make a React SEO Component", "last_updated": "2023-12-02T20:16:16.996Z" }, { "id": 150, "date": "2020-01-02T00:00:00.000Z", "is_private": 0, "preview": "In this guide I’m going to go through how to track custom events in a\nGatsby site using Fathom analytics.\n\nPreamble", "preview_html": "

In this guide I’m going to go through how to track custom events in a Gatsby site using Fathom analytics.

Preamble

", "reading_time_minutes": 5.305, "reading_time_text": "6 min read", "reading_time_seconds": 318300, "reading_time_words": 1061, "slug": "track-custom-events-with-fathom-analytics", "tags": "analytics,learning,guide,hooks,react,fathom", "title": "Track Custom Events With Fathom Analytics", "last_updated": "2023-12-02T20:16:22.507Z" }, { "id": 113, "date": "2019-11-06T00:00:00.000Z", "is_private": 0, "preview": "React Advanced London going deep!\n\nHere’s my recollection of my attendance at React Advanced London 2019\nsupported with videos from the event.", "preview_html": "

React Advanced London going deep!

Here’s my recollection of my attendance at React Advanced London 2019 supported with videos from the event.

", "reading_time_minutes": 5.285, "reading_time_text": "6 min read", "reading_time_seconds": 317100, "reading_time_words": 1057, "slug": "react-advanced-london-2019", "tags": "conference,react", "title": "React Advanced - London 2019", "last_updated": "2023-12-02T20:16:16.529Z" }, { "id": 151, "date": "2019-09-16T00:00:00.000Z", "is_private": 0, "preview": "Do you use Google Analytics (GA) for any of your sites?\n\nI’ve used it in the past and it gives quite good information about", "preview_html": "

Do you use Google Analytics (GA) for any of your sites?

I’ve used it in the past and it gives quite good information about

", "reading_time_minutes": 1.04, "reading_time_text": "2 min read", "reading_time_seconds": 62400, "reading_time_words": 208, "slug": "track-custom-events-with-google", "tags": "learning,guide,hooks,react,analytics", "title": "Track Custom Events With Google Analytics", "last_updated": "2023-11-30T20:12:15.587Z" }, { "id": 32, "date": "2019-03-24T00:00:00.000Z", "is_private": 0, "preview": "Hooks ahoy!\n\nOk, let’s get it on with the new hotness in React-land, React Hooks!\nThis is a guide covering using the Gatsby custom React hook for\n which it is now replacing with .", "preview_html": "

Hooks ahoy!

Ok, let’s get it on with the new hotness in React-land, React Hooks! This is a guide covering using the Gatsby custom React hook for StaticQuery which it is now replacing with useStaticQuery.

", "reading_time_minutes": 3.675, "reading_time_text": "4 min read", "reading_time_seconds": 220500, "reading_time_words": 735, "slug": "custom-gatsby-metadata-hook", "tags": "learning,gatsby,react,hooks,guide", "title": "Creating a Custom React Hook for Gatsby Site Metadata", "last_updated": "2023-12-02T20:16:03.417Z" }, { "id": 115, "date": "2018-09-08T00:00:00.000Z", "is_private": 0, "preview": "Let’s use the React Context API to change theme in an app!\n\nThis is what it will look like by the end of this post:", "preview_html": "

Let’s use the React Context API to change theme in an app!

This is what it will look like by the end of this post:

", "reading_time_minutes": 14.835, "reading_time_text": "15 min read", "reading_time_seconds": 890100, "reading_time_words": 2967, "slug": "react-context-api", "tags": "learning,guide,getting-started,react,api,styled-components,css-in-js", "title": "Using the React Context API - getting started", "last_updated": "2023-12-02T20:16:16.840Z" } ], "getting-started": [ { "id": 56, "date": "2020-11-21T00:00:00.000Z", "is_private": 0, "preview": "Ok, so this is another one of those “let’s use a new CSS-in-JS library\non a Gatsby default starter project” post.\n\nIn this case it’s Chakra UI, it’s recently gone v1 and I’m keen to use\nit.", "preview_html": "

Ok, so this is another one of those “let’s use a new CSS-in-JS library on a Gatsby default starter project” post.

In this case it’s Chakra UI, it’s recently gone v1 and I’m keen to use it.

", "reading_time_minutes": 8.15, "reading_time_text": "9 min read", "reading_time_seconds": 489000, "reading_time_words": 1630, "slug": "getting-started-chakra-ui-gatsby", "tags": "gatsby,getting-started,guide", "title": "Chakra UI and Gatsby - Getting Started", "last_updated": "2023-12-02T20:16:07.325Z" }, { "id": 58, "date": "2020-10-08T00:00:00.000Z", "is_private": 0, "preview": "I started adding videos to my YouTube channel in November 2018, this\nwas mainly intended as an accompaniment to the blog post I did to Get\nyour GraphCMS data into Gatsby.\n\nA the time I was using a web cam I’d bought off of Amazon for around\n£17, the...", "preview_html": "

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

Here it is kids! All I know about Markdown. First! The standard preamble…

Before that though! Some of the possible titles I came up with before writing this:

", "reading_time_minutes": 10.315, "reading_time_text": "11 min read", "reading_time_seconds": 618900, "reading_time_words": 2063, "slug": "writing-with-markdown", "tags": "markdown,getting-started,guide", "title": "Markdown Showdown - All I Know About Markdown", "last_updated": "2023-11-30T20:12:16.319Z" }, { "id": 143, "date": "2020-07-15T00:00:00.000Z", "is_private": 0, "preview": "I switched from Ubuntu to Manjaro Linux, here’s how it went.\n\nSo for a while now I’ve been using Ubuntu, from when my old Asus\nTransformer Pro decided that it didn’t like running windows any more.", "preview_html": "

I switched from Ubuntu to Manjaro Linux, here’s how it went.

So for a while now I’ve been using Ubuntu, from when my old Asus Transformer Pro decided that it didn’t like running windows any more.

", "reading_time_minutes": 4.255, "reading_time_text": "5 min read", "reading_time_seconds": 255300, "reading_time_words": 851, "slug": "switching-to-manjaro-from-ubuntu", "tags": "manjaro,ubuntu,getting-started,linux", "title": "Switching to Manjaro from Ubuntu", "last_updated": "2023-12-02T20:16:21.384Z" }, { "id": 82, "date": "2020-06-04T00:00:00.000Z", "is_private": 0, "preview": "I had a work colleague introduce me to Linaria last week and I’ve used\nit on a project and I quite like it.\n\nLinaria is like styled-components but different as in there’s no\nruntime cost and some other gotchas I’ve found along the way.", "preview_html": "

I had a work colleague introduce me to Linaria last week and I’ve used it on a project and I quite like it.

Linaria is like styled-components but different as in there’s no runtime cost and some other gotchas I’ve found along the way.

", "reading_time_minutes": 4.785, "reading_time_text": "5 min read", "reading_time_seconds": 287100, "reading_time_words": 957, "slug": "linaria-getting-started", "tags": "getting-started,hello-world,css,css-in-js,linaria", "title": "Linaria - Getting Started", "last_updated": "2023-12-02T20:16:11.524Z" }, { "id": 50, "date": "2018-11-29T00:00:00.000Z", "is_private": 0, "preview": "Let’s go through getting styled-components working with the Gatsby\ndefault starter.\n\n", "preview_html": "

Let’s go through getting styled-components working with the Gatsby default starter.

Let’s set up Gatsby to pull data from GraphCMS.

Let’s use the React Context API to change theme in an app!

This is what it will look like by the end of this post:

", "reading_time_minutes": 14.835, "reading_time_text": "15 min read", "reading_time_seconds": 890100, "reading_time_words": 2967, "slug": "react-context-api", "tags": "learning,guide,getting-started,react,api,styled-components,css-in-js", "title": "Using the React Context API - getting started", "last_updated": "2023-12-02T20:16:16.840Z" }, { "id": 69, "date": "2016-10-24T00:00:00.000Z", "is_private": 0, "preview": "My first post using Jekyll, all I have done really is fork the awesome\njekyll-now repo from Barry Clark and rename the repo and adjusted\nthe file.\n\n", "preview_html": "

My first post using Jekyll, all I have done really is fork the awesome jekyll-now repo from Barry Clark and rename the repo and adjusted the _config.yml file.

", "reading_time_minutes": 0.135, "reading_time_text": "1 min read", "reading_time_seconds": 8100, "reading_time_words": 27, "slug": "hello-world", "tags": "hello-world,getting-started", "title": "Hello World!", "last_updated": "2023-12-02T20:16:09.439Z" } ], "manjaro": [ { "id": 143, "date": "2020-07-15T00:00:00.000Z", "is_private": 0, "preview": "I switched from Ubuntu to Manjaro Linux, here’s how it went.\n\nSo for a while now I’ve been using Ubuntu, from when my old Asus\nTransformer Pro decided that it didn’t like running windows any more.", "preview_html": "

I switched from Ubuntu to Manjaro Linux, here’s how it went.

So for a while now I’ve been using Ubuntu, from when my old Asus Transformer Pro decided that it didn’t like running windows any more.

", "reading_time_minutes": 4.255, "reading_time_text": "5 min read", "reading_time_seconds": 255300, "reading_time_words": 851, "slug": "switching-to-manjaro-from-ubuntu", "tags": "manjaro,ubuntu,getting-started,linux", "title": "Switching to Manjaro from Ubuntu", "last_updated": "2023-12-02T20:16:21.384Z" } ], "css-in-js": [ { "id": 149, "date": "2020-06-18T00:00:00.000Z", "is_private": 0, "preview": "This is a follow up on the post I did about Getting Started with\nLinaria\n\nThe starter I worked on last time I made into a template so it can be\nused as the base of this project.", "preview_html": "

This is a follow up on the post I did about Getting Started with Linaria

The starter I worked on last time I made into a template so it can be used as the base of this project.

I had a work colleague introduce me to Linaria last week and I’ve used it on a project and I quite like it.

Linaria is like styled-components but different as in there’s no runtime cost and some other gotchas I’ve found along the way.

", "reading_time_minutes": 4.785, "reading_time_text": "5 min read", "reading_time_seconds": 287100, "reading_time_words": 957, "slug": "linaria-getting-started", "tags": "getting-started,hello-world,css,css-in-js,linaria", "title": "Linaria - Getting Started", "last_updated": "2023-12-02T20:16:11.524Z" }, { "id": 115, "date": "2018-09-08T00:00:00.000Z", "is_private": 0, "preview": "Let’s use the React Context API to change theme in an app!\n\nThis is what it will look like by the end of this post:", "preview_html": "

Let’s use the React Context API to change theme in an app!

This is what it will look like by the end of this post:

", "reading_time_minutes": 14.835, "reading_time_text": "15 min read", "reading_time_seconds": 890100, "reading_time_words": 2967, "slug": "react-context-api", "tags": "learning,guide,getting-started,react,api,styled-components,css-in-js", "title": "Using the React Context API - getting started", "last_updated": "2023-12-02T20:16:16.840Z" }, { "id": 133, "date": "2018-04-03T00:00:00.000Z", "is_private": 0, "preview": "We’re going to style the basic create react app with styled-components\nto look something like this:\n\nThis is what it will look like by the end of this post:", "preview_html": "

We’re going to style the basic create react app with styled-components to look something like this:

This is what it will look like by the end of this post:

", "reading_time_minutes": 12.64, "reading_time_text": "13 min read", "reading_time_seconds": 758400, "reading_time_words": 2528, "slug": "styled-components", "tags": "guide,styled-components,css-in-js", "title": "styled-components 💅 getting started", "last_updated": "2023-12-02T20:16:19.723Z" } ], "linaria": [ { "id": 149, "date": "2020-06-18T00:00:00.000Z", "is_private": 0, "preview": "This is a follow up on the post I did about Getting Started with\nLinaria\n\nThe starter I worked on last time I made into a template so it can be\nused as the base of this project.", "preview_html": "

This is a follow up on the post I did about Getting Started with Linaria

The starter I worked on last time I made into a template so it can be used as the base of this project.

I had a work colleague introduce me to Linaria last week and I’ve used it on a project and I quite like it.

Linaria is like styled-components but different as in there’s no runtime cost and some other gotchas I’ve found along the way.

", "reading_time_minutes": 4.785, "reading_time_text": "5 min read", "reading_time_seconds": 287100, "reading_time_words": 957, "slug": "linaria-getting-started", "tags": "getting-started,hello-world,css,css-in-js,linaria", "title": "Linaria - Getting Started", "last_updated": "2023-12-02T20:16:11.524Z" } ], "n": [ { "id": 182, "date": "2020-06-18T00:00:00.000Z", "is_private": 0, "preview": "Now that Windows Subsystem Linux has finally arrived I think it’s time\nto refresh my notes on it from the last post I did back at the end\nof 2018.\n\nhttps://docs.microsoft.com/en-gb/windows/wsl/install-win10", "preview_html": "

Now that Windows Subsystem Linux has finally arrived I think it’s time to refresh my notes on it from the last post I did back at the end of 2018.

https://docs.microsoft.com/en-gb/windows/wsl/install-win10

", "reading_time_minutes": 0.385, "reading_time_text": "1 min read", "reading_time_seconds": 23100, "reading_time_words": 77, "slug": "wsl2-up-and-running", "tags": "learning,guide,wsl,n,node,react", "title": "Windows Subsystem Linux 2 (WSL) - Up and Running", "last_updated": "2023-11-30T20:12:16.516Z" }, { "id": 176, "date": "2018-12-24T00:00:00.000Z", "is_private": 0, "preview": "From scratch to Create React App on Windows\n\nAn opinionated guide on setting up a web development environment on\nWindows 10", "preview_html": "

From scratch to Create React App on Windows

An opinionated guide on setting up a web development environment on Windows 10

", "reading_time_minutes": 16.56, "reading_time_text": "17 min read", "reading_time_seconds": 993600, "reading_time_words": 3312, "slug": "wsl-bootstrap-2019", "tags": "learning,guide,wsl,n,node", "title": "Windows Web-dev bootstrap", "last_updated": "2023-11-30T20:12:16.356Z" }, { "id": 178, "date": "2018-01-13T00:00:00.000Z", "is_private": 0, "preview": "I’m a Windows user, I have been a Linux user as well but I have found\nthat Windows is a bit less neck beardy for me, both\nhave their pros and cons. One of the big cons with Windows for me was\nwhen I started learning web development.\n\nThat was until...", "preview_html": "

", "reading_time_minutes": 4.51, "reading_time_text": "5 min read", "reading_time_seconds": 270600, "reading_time_words": 902, "slug": "wsl-bootstrap", "tags": "guide,wsl,n,node", "title": "Windows Subsystem Linux setup", "last_updated": "2023-11-30T20:12:16.421Z" } ], "node": [ { "id": 182, "date": "2020-06-18T00:00:00.000Z", "is_private": 0, "preview": "Now that Windows Subsystem Linux has finally arrived I think it’s time\nto refresh my notes on it from the last post I did back at the end\nof 2018.\n\nhttps://docs.microsoft.com/en-gb/windows/wsl/install-win10", "preview_html": "

Now that Windows Subsystem Linux has finally arrived I think it’s time to refresh my notes on it from the last post I did back at the end of 2018.

https://docs.microsoft.com/en-gb/windows/wsl/install-win10

", "reading_time_minutes": 0.385, "reading_time_text": "1 min read", "reading_time_seconds": 23100, "reading_time_words": 77, "slug": "wsl2-up-and-running", "tags": "learning,guide,wsl,n,node,react", "title": "Windows Subsystem Linux 2 (WSL) - Up and Running", "last_updated": "2023-11-30T20:12:16.516Z" }, { "id": 176, "date": "2018-12-24T00:00:00.000Z", "is_private": 0, "preview": "From scratch to Create React App on Windows\n\nAn opinionated guide on setting up a web development environment on\nWindows 10", "preview_html": "

From scratch to Create React App on Windows

An opinionated guide on setting up a web development environment on Windows 10

", "reading_time_minutes": 16.56, "reading_time_text": "17 min read", "reading_time_seconds": 993600, "reading_time_words": 3312, "slug": "wsl-bootstrap-2019", "tags": "learning,guide,wsl,n,node", "title": "Windows Web-dev bootstrap", "last_updated": "2023-11-30T20:12:16.356Z" }, { "id": 178, "date": "2018-01-13T00:00:00.000Z", "is_private": 0, "preview": "I’m a Windows user, I have been a Linux user as well but I have found\nthat Windows is a bit less neck beardy for me, both\nhave their pros and cons. One of the big cons with Windows for me was\nwhen I started learning web development.\n\nThat was until...", "preview_html": "

", "reading_time_minutes": 4.51, "reading_time_text": "5 min read", "reading_time_seconds": 270600, "reading_time_words": 902, "slug": "wsl-bootstrap", "tags": "guide,wsl,n,node", "title": "Windows Subsystem Linux setup", "last_updated": "2023-11-30T20:12:16.421Z" } ], "hello-world": [ { "id": 82, "date": "2020-06-04T00:00:00.000Z", "is_private": 0, "preview": "I had a work colleague introduce me to Linaria last week and I’ve used\nit on a project and I quite like it.\n\nLinaria is like styled-components but different as in there’s no\nruntime cost and some other gotchas I’ve found along the way.", "preview_html": "

I had a work colleague introduce me to Linaria last week and I’ve used it on a project and I quite like it.

Linaria is like styled-components but different as in there’s no runtime cost and some other gotchas I’ve found along the way.

", "reading_time_minutes": 4.785, "reading_time_text": "5 min read", "reading_time_seconds": 287100, "reading_time_words": 957, "slug": "linaria-getting-started", "tags": "getting-started,hello-world,css,css-in-js,linaria", "title": "Linaria - Getting Started", "last_updated": "2023-12-02T20:16:11.524Z" }, { "id": 45, "date": "2020-05-30T00:00:00.000Z", "is_private": 0, "preview": "I built my first PC, here’s how it went and what I learned.\n\nUp until recently I was very happy with my home computer, which was an\nASUS Transformer Pro T304UA.", "preview_html": "

I built my first PC, here’s how it went and what I learned.

Up until recently I was very happy with my home computer, which was an ASUS Transformer Pro T304UA.

", "reading_time_minutes": 10.03, "reading_time_text": "11 min read", "reading_time_seconds": 601800, "reading_time_words": 2006, "slug": "first-time-pc-build", "tags": "hello-world,ubuntu,learning,hardware", "title": "My First PC Build", "last_updated": "2023-12-02T20:16:05.567Z" }, { "id": 69, "date": "2016-10-24T00:00:00.000Z", "is_private": 0, "preview": "My first post using Jekyll, all I have done really is fork the awesome\njekyll-now repo from Barry Clark and rename the repo and adjusted\nthe file.\n\n", "preview_html": "

My first post using Jekyll, all I have done really is fork the awesome jekyll-now repo from Barry Clark and rename the repo and adjusted the _config.yml file.

", "reading_time_minutes": 0.135, "reading_time_text": "1 min read", "reading_time_seconds": 8100, "reading_time_words": 27, "slug": "hello-world", "tags": "hello-world,getting-started", "title": "Hello World!", "last_updated": "2023-12-02T20:16:09.439Z" } ], "styled-components": [ { "id": 132, "date": "2020-05-11T00:00:00.000Z", "is_private": 0, "preview": "A curated list of hints and tips for using styled-components.\n\nBreakpoints", "preview_html": "

A curated list of hints and tips for using styled-components.

Breakpoints

", "reading_time_minutes": 0.69, "reading_time_text": "1 min read", "reading_time_seconds": 41400, "reading_time_words": 138, "slug": "styled-components-resources", "tags": "css,resource,styled-components", "title": "Styled Components Resources", "last_updated": "2023-12-02T20:16:19.557Z" }, { "id": 115, "date": "2018-09-08T00:00:00.000Z", "is_private": 0, "preview": "Let’s use the React Context API to change theme in an app!\n\nThis is what it will look like by the end of this post:", "preview_html": "

Let’s use the React Context API to change theme in an app!

This is what it will look like by the end of this post:

", "reading_time_minutes": 14.835, "reading_time_text": "15 min read", "reading_time_seconds": 890100, "reading_time_words": 2967, "slug": "react-context-api", "tags": "learning,guide,getting-started,react,api,styled-components,css-in-js", "title": "Using the React Context API - getting started", "last_updated": "2023-12-02T20:16:16.840Z" }, { "id": 133, "date": "2018-04-03T00:00:00.000Z", "is_private": 0, "preview": "We’re going to style the basic create react app with styled-components\nto look something like this:\n\nThis is what it will look like by the end of this post:", "preview_html": "

We’re going to style the basic create react app with styled-components to look something like this:

This is what it will look like by the end of this post:

", "reading_time_minutes": 12.64, "reading_time_text": "13 min read", "reading_time_seconds": 758400, "reading_time_words": 2528, "slug": "styled-components", "tags": "guide,styled-components,css-in-js", "title": "styled-components 💅 getting started", "last_updated": "2023-12-02T20:16:19.723Z" } ], "conference": [ { "id": 113, "date": "2019-11-06T00:00:00.000Z", "is_private": 0, "preview": "React Advanced London going deep!\n\nHere’s my recollection of my attendance at React Advanced London 2019\nsupported with videos from the event.", "preview_html": "

React Advanced London going deep!

Here’s my recollection of my attendance at React Advanced London 2019 supported with videos from the event.

", "reading_time_minutes": 5.285, "reading_time_text": "6 min read", "reading_time_seconds": 317100, "reading_time_words": 1057, "slug": "react-advanced-london-2019", "tags": "conference,react", "title": "React Advanced - London 2019", "last_updated": "2023-12-02T20:16:16.529Z" }, { "id": 76, "date": "2019-07-19T00:00:00.000Z", "is_private": 0, "preview": "I’ve been wanting to go to a JAMstack conf since the first one was\nscheduled for October 2018. This year when it was announced there\nwould be one in London I was super excited to get the opportunity to\ngo.\n\nThe conference was across two days with...", "preview_html": "

The conference was across two days with the ...

", "reading_time_minutes": 3.36, "reading_time_text": "4 min read", "reading_time_seconds": 201600, "reading_time_words": 672, "slug": "jamstack-london-2019", "tags": "conference,jamstack", "title": "JAMstack_conf London 2019", "last_updated": "2023-12-02T20:16:10.561Z" } ], "productivity": [ { "id": 183, "date": "2018-09-01T00:00:00.000Z", "is_private": 0, "preview": "Don’t save the yak! But put in the work so you’re not wasting time.\n\n", "preview_html": "

Don’t save the yak! But put in the work so you’re not wasting time.

", "reading_time_minutes": 2.165, "reading_time_text": "3 min read", "reading_time_seconds": 129900, "reading_time_words": 433, "slug": "yak-shaving", "tags": "productivity", "title": "Shaving the Yak!", "last_updated": "2023-11-30T20:12:16.539Z" } ], "vcs": [ { "id": 169, "date": "2016-11-14T00:00:00.000Z", "is_private": 0, "preview": "I have seen the same situation many times now in my career as a VBA\nDeveloper about how source code control is managed with VBA projects.\n\nSource control on VBA has long been a bit of a nonsense, there isn’t\nany really. When I started my first...", "preview_html": "

I have seen the same situation many times now in my career as a VBA Developer about how source code control is managed with VBA projects.

Source control on VBA has long been a bit of a nonsense, there isn’t any really. When I started my first develop...

", "reading_time_minutes": 2, "reading_time_text": "2 min read", "reading_time_seconds": 120000, "reading_time_words": 400, "slug": "vba-ide-export", "tags": "vcs,vba", "title": "VBA Code Export for Version Control Systems", "last_updated": "2023-11-30T20:12:16.169Z" } ], "freecodecamp": [ { "id": 48, "date": "2016-11-13T00:00:00.000Z", "is_private": 0, "preview": "Ok, I have recently discovered and started doing freeCodeCamp(🔥)\nwhich so far I’m really enjoying.\n\nSince being out of work I have had some time to start exploring\ndifferent programming languages and technologies but I haven’t found\nany courses...", "preview_html": "

Ok, I have recently discovered and started doing freeCodeCamp(🔥) which so far I’m really enjoying.

Since being out of work I have had some time to start exploring different programming languages and technologies but I haven’t found any courses that I...

Posts for nextjs