Gatsby Starter WordPress Advanced

After the previous part we have a blog ready with featured images. Now, how do we get these images to be local and do some more magic with them? Gatsby comes with a super helpful plugin called gatsby-image for image processing at build time. In this part I will show you, how you can make use of gatsby-images superpowers […]

I figured, for further parts of the tutorial, it will make sense to implement the Blog now. So this part will show you how to create a Blog (post overview) with pagination. I renamed all components to start with a capital letter. Checkout this commit to see the refactoring I did and what changed. Or, just dive into the […]

Finally we have the basics and it’s time to see what we’ve done in production. I’ll quickly go through some ways to deploy your site. I will mainly focus on Netlify for this, but also give an example for GitLab pages. Table of Contents Netlify Setup ⚡️ WordPress Plugin 💾 GitLab Setup 🐱 Gatsby Prefix […]

Hooking up our WordPress with a Gatsby generated site, will be the first steps we are talking on our journey towards a client-ready static-dynamic site. Table of Contents Install WordPress and Plugins 💾 Plugins Create initial Gatsby site 💻 Plugins Configuration Create Pages & Posts Page Template Post Template Gatsby Node Create Pages Create Posts […]

In this part we will create some navigation based on a WordPress Menu, to reference our pages and posts, that we generated in the previous part. Table of Contents Create WordPress Menu 🌐 Create Components in Gatsby 💻 Menu Child Items 🚸 Support External Links 🔗 Final Thoughts 🏁 What’s Next ➡️ Create WordPress Menu 🌐 […]

Tutorial Outline Overview Basic WordPress & Gatsby Setup Setup Menu Navigation Deployment Blog with Pagination How to handle Images and make use of gatsby-image PageBuilder with ACF Flexible Content Internationalization – i18n Dynamic Previews … Depending on time and upcoming discussions, this outline might change. I might add some more parts, if I discover other […]

So, there is a lot happening around Gatsby with WordPress and WPGraphQL. At times, it can get confusing and a lot of given functionality is hard to find or figure out. I am working on a client project right now and somehow had to handle images, that I source through my WordPress backend. After trying out […]

This is only an example Post, to have enough posts for pagination.

This is only an example Post, to have enough posts for pagination.

This is only an example Post, to have enough posts for pagination.