How to Build a Blog with GatsbyJS and Wordpress (JAMstack Tutorial)

Let's build a fast and secure blogging website from scratch using GatsbyJS and WordPress CMS Use code VADIM and Get up to 91% discount on yearly plans on Hostinger: https://www.hostinger.com/vadim 📚 Enroll NOW for "The Full-stack Mobile Developer" and save 30% https://academy.notjust.dev/ In this tutorial, we will learn how we can build a fast, performant and secure blog, in less than an hour using JAMstack. We will use GatsbyJS to build the blog because it gives us the possibility to pre-built the website to HTML, CSS and vanilla Javascript. A prebuilt website does not need a server to run on, and can be easily distributed using a CDN (content delivery network). This makes a Gatsby website very fast, secure and scalable. To manage the content of our blog, we will use Wordpress CMS. Wordpress is a mature technology, widely adopted and used by a lot of existing website. We will leverage the powerful CMS of wordpress for our blog by connecting the Gatsby website with Wordpress. The GatsbyJS + Wordpress is a great combination to build modern websites (blogs, e-commerce, portfolios). It is also a great choice if you are redesigning an existing Wordpress website and want to use a modern Javascript framework, without having to migrate the data. Existing editorial teams will keep working with Wordpress to manage the content, which is a great benefit. 💬 Join the notJust Development gang and let's build together https://discord.gg/VpURUN2 Tag me on social media when you finish this build, and I will give you feedback on your project. LinkedIn: https://www.linkedin.com/in/vadimsavin IG: https://www.instagram.com/vadimsavin0 Twitter: https://twitter.com/SavinVadim_ Timecodes: 00:00 Hello world 00:11 What we are going to build in this video 01:26 The Architecture 02:44 Hostinger offer 03:40 Why Wordpress? 04:21 What is GatsbyJS? 05:30 The power of Wordpress + GatsbyJS stack 06:32 Setup Hostinger and Deploy a Wordpress site 13:09 Install Wordpress plugins (WPGraphql, WPGatsby) 15:05 Create a GatsbyJS Project 30:09 Deploy Gatsby bog to Gatsby Cloud 39:29 Setup Automatic builds (CI/CD) 47:09 Thanks for watching, see you next week :) This video is sponsored by Hostinger. #VadimSavin #notjustdev #notJustDevelopment