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
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.
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 :)
#wordpress #jamstack #javascript #web-development #gatsby
