Purple pattern

Gatsby Source Plugin Starter Example Breakdown

I recently published an article covering the development of a custom Gatsby Source Plugin. To help get off the ground faster I created a starter repository. I didn’t want to include too much details in the...

Cat laying on keyboard

Gatsby JS Source Plugin Tutorial Step by Step for Beginners

A simple step by step guide for creating a Gatsby JS source plugins, to help developers new to the eco-system. Includes starter templates to get you moving!

ESLint logo pattern

ESLint Snippets To Disable Linting

How to ESLint disable line, section, or whole page of code. Examples for ELint disable next line and other ESLint disable rules.

React Context screenshot from example code

Quick and Easy React Provider and Context with Hooks Template

While researching the best way to implement React Context into my projects, I found that a lot of the articles were over-complicating what should be a very simple process. The code below is a slimmed down use case, so...

Lots of different coloured watches

Gatsby with WordPress – Caching Downloaded Media Images to Reduce Build Time

For a while now I have been working with WordPress as a back end CMS (one of the many micro services) and Gatsby to generate websites for my clients. To connect the two I am use a WordPress plugin called WP GraphQL, and...

Carbon code generated image of solution

Function to get Polyline Map Bounds Easily for fitBounds

A simple JavaScript function that takes a collection of londitude and latidute points in an array, and returns the bounds for use with maps.

Atom console with Gatsby JS Node Wepack code

Building React components for Gatsby using NPM link and Hooks – Cant resolve ‘react’ solution

I have been working on components for Gatsby JS, and including React Hooks. The idea is they will be packaged up separately and pushed to NPM. To make the build easier I house the component in a separate directory and...

Photo of a purple marker ticking a paper form

Gravity Forms Google reCaptcha v3 Addon WordPress Plugin

Plugin for Gravity Forms ReCaptcha. Invisible ReCaptcha v3 plugin, without the need for pictures. Simple install for WordPress.

WordPress and Gatsby work together for fast website

GatsbyJS and WordPress Gives Website a Lease of Life

After over three years of having the same WordPress theme, it was time for a change! This came about for a few reasons. There was nothing overwhelmingly wrong with the theme, but the font wasn’t the best on mobile. It’s...

Content Mesh Plug and Play

The Rise of the Content Mesh

Need to include functionality/services from multiple platforms? A content mesh type approach with React or Gatsby could be the solution!

Bedrock & Trellis WordPress Development

Trellis & Bedrock For Fast WordPress Development

A walk-though of WordPress development tools Trellis and Bedrock. A step by step approach to installation, configuration and spinning the site up.

Inclusive Web Banner

The Inclusive Web – Why It Should Matter to Businesses

What is Web Accessibility? Web Accessibility is about designing the web so that everyone can use it. The web is a resource that is used across all aspects of life. Education, employment, government, health care, the...