Gatsby JS: Build PWA Blog with GraphQL, React and WordPress [Video]

5 (1 reviews total)
By Rangel Stoilov
    Advance your knowledge in tech with a Packt subscription

  • Instant online access to over 7,500+ books and videos
  • Constantly updated with 100+ new titles each month
  • Breadth and depth in over 1,000+ technologies

About this video

Gatsby JS is a free and open source framework based on React that helps developers build blazingly fast, static site generators which can create websites and apps. But what does this mean? Well, it combines the best parts of React, Webpack, React-router, GraphQL, and other front-end tools and creates one amazing tool that developers can enjoy using! With Gatsby.js, you can use modern web tech without the headaches. Everything will be set up, waiting for you to start building.

One of the best things about Gatsby is that you can bring in your own data from headless CMS, APIs, databases, or file systems. There is no limit. You can even source data from WordPress and this makes it very easy for clients to interact with the website you've built for them and add new content. They just need to update their posts on WordPress and that's it. Also, with Gatsby you will not build a website with last decade's tech.

The future of the web is mobile, JavaScript and APIs—the JAMstack. Every website is a web app and every web app is a website. With Gatsby, it is very easy to make your project a static Progressive Web App (PWA). You get code and data splitting out-of-the-box. Gatsby loads only the critical HTML, CSS, data, and JavaScript so your site loads as fast as possible. Once loaded, Gatsby prefetches resources for other pages so clicking around the site feels incredibly fast. Gatsby.js builds the fastest possible website. Instead of waiting to generate pages when requested, pre-build pages and lift them into a global cloud of servers—ready to be delivered instantly to your users wherever they are.

All the code and supporting files for this course are available at -

Publication date:
November 2019
3 hours 51 minutes

About the Author

  • Rangel Stoilov

    Rangel Stoilov - Web Developer and Entrepreneur Rangel has been a web developer for 8 years now. First, he had started with Dreamweaver back in the days and went through Wordpress as a simple way to create websites. After that, he wanted to go further in web development so he started learning different programming languages such as C#, Java & JavaScript. He has a major in Java with Spring Framework and now he is pursuing to deepen his knowledge in different JavaScript frameworks. He also has a passion for Solidity and Smart Contracts as well as the Truffle Framework. He has also dived in the entrepreneurial spirit with Amazon publishing and trading on the Forex market as well as creating automated systems for trading.

    Browse publications by this author

Latest Reviews

(1 reviews total)
I think this is one of the very good route to learn Gatsby. Instructor is easy to follow and the sound quality is very good
Gatsby JS: Build PWA Blog with GraphQL, React and WordPress [Video]
Unlock this video and the full library for FREE
Start free trial