Category: GatsbyJS

My Gatsby to Next.js migration with AI failed. But the failure revealed a crucial insight about prompt engineering and foundation-first development

Adding Google AdSense to a Gatsby Website. Lazy load the Google AdSense script to keep site speed fast. Examples and walk through in article.

Solution to using WordPress shortcodes in Gatsby. Replace WordPress shortcode with React Component in Gatsby simply. No MDX needed.

Tutorial for headless WordPress Gravity Forms with Gatsby Frontend. Step by step guide to rendering forms as React Components and handling submissions.

Use SFTP to deploy a Gatsby Site onto hosting easily. A solution to automatically deploy Gatsby public folder to a server with SFTP.

Solution for 'warn chunk commons [mini-css-extract-plugin]' error in Gatsby JS error in log. Conflicting order warning.

Solution to YouTube videos/iframes negatively effecting website load speed. Use Intersection Observer API To Lazy Load. React component included in article.

A run down of what to expect from the new Gatsby Plugin Image components, how to use it, and how it differs from the original Gatsby Image.

Struggling to mock the Date in Jest using CRA? Need consistant global Date testing for React? This article provides the solution.

Experiment to show that Gatsby Image is not always the best option. By not using it, Google Insights LCP increases by several seconds.

Connect WordPress Gravity Forms with Gatsby when using a headless CMS. Simply render forms as React Components and pass form data back securely.

A step by step process of deploying Gatsby static sites on AWS without Amplify. Solution to 'Deploy fails with "[ERROR]: Failed to deploy'. Gatsby deploy with AWS CI.