Static Site Generators

Whilst they have been around for quite some time, static site generators have really increased in popularity over the past two or three years..

Static Site Generators.

All About Headless CMSes

Websites have not been set-and-forget for a long time now, and without the technical know-how to update a static site, CMSes are a key part of web development.

All About Headless CMSes.

ReferenceError: Window Is Not Defined in GatsbyJS

Debugging why your GatsbyJS (or NextJS) build is failing when you receive the message 'window is not defined'.

ReferenceError: Window Is Not Defined in GatsbyJS.

Disabling Gatsby Telemetry

By default Gatsby collects anonymous usage data to understand of how the platform is being used. This does raise privacy concerns but can be disabled easily.

Disabling Gatsby Telemetry.

Removing <p> Tags From Contentful List Items

One of the quirks of rendering Rich Text from Contentful is that list items come wrapped in paragraph 'p' tags. Fortunately this is a simple one to resolve.

Removing <p> Tags From Contentful List Items.

Rendering Contentful Rich Code Snippets in Gatsby

Gatsby + Contentful is a powerful and formidable combination. However, the inability to render code blocks is a real issue with a not-straightforward solution..

Rendering Contentful Rich Code Snippets in Gatsby.

Using External Gatsby Stylesheets Rather than Inline

By default Gatsby will generate one - potentially huge - inline stylesheet in the head of your document. It is also possible to load this externally instead.

Using External Gatsby Stylesheets Rather than Inline.

Disabling Source Maps in Gatsby for Production

Although an extremely useful aspect of Gatsby, source maps cause a performance hit as well as leaving your source exposed. Here is how to turn them off!

Disabling Source Maps in Gatsby for Production.

Optimising gatsby-image Even Further

gatsby-image delivers highly-optimised images using some very clever, advanced loading techniques. There are a few tricks to speed it up yet further though...

Optimising gatsby-image Even Further.

Adding Static Files to a GatsbyJS Site

Gatsby does an excellent job of optimising assets, but sometimes you just need a way to add specific files into the site without being processed by Webpack..

Adding Static Files to a GatsbyJS Site.

Automatically Deploy a Static Gatsby Site via FTP

Gatsby is a static website generator, the output from which you can host more-or-less wherever you wish. You can add FTP to your CI pipeline to automate this.

Automatically Deploy a Static Gatsby Site via FTP.

What Is a Static Site Generator?

Static site generation has continued to grow and grow in popularity. I try and explain what one is, and why it might be suitable to you or your project.

What Is a Static Site Generator?

Redirect a Default Netlify Subdomain to Your Custom Domain

When you set up a custom domain in Netlify, the default netlify.com subdomain still returns your app, which can lead to duplicate content. It is an easy fix.

Redirect a Default Netlify Subdomain to Your Custom Domain.

Prepending PHP to a Page in Gatsby

Whilst many Jamstack developers would consider it absolute sacrilege, there are still occasions where you need PHP functionality, within your Gatsby site...

Prepending PHP to a Page in Gatsby.