Description

Gatsby JS is a free and open source framework based on React that helps developers build blazing fast static site generator which can create websites and apps.

But what does this even mean?

Well… it combines together the best parts of React, Webpack, React-router, GraphQL, and other front-end tools in to one and creates an amazing tool enjoyable for developers!

With Gatsby JS you can use modern web tech without the headache. Everything will be setup and will be waiting for you to start building.

One of the best things about Gatsby is that you can bring your own data from headless CMS, APIs, Databases or the file system.

There is no limit there.

You can source data even from WordPress

And this makes it very easy for clients to interact with the website that you have 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.

So if you are wondering what you will learn in this course here is the list below

In this course you will learn the following:

   The Essentials Of Gatsby JS & How To Install It and Create First Project
   How To Use Gatsby Starters To Create Your Project
   How to Create Pages In Gatsby And How to Link Them Correctly
   How To Separate Elements Into Components And How To Use Them
   How To Create Page Layouts Which Can Be Used As Templates
   How To Use GraphQL
   How To Add Sourcing Plugins
   How To Use Markdown Remark For Creating You Pages/Posts
   How To Create A Blog Using Gatsby & Markdown Remark (JAM Stack)
   How To Use WordPresss As Headless CMS
   How To Add Metatags And Improve SEO Of Website
   How To Create SEO Component And Use It In Layouts
   How To Deploy Your Project To Netlify And Github
   How To Make Continuous Deployment With Netlify Webhooks
   How To Audit Your Website With The Lighthouse (Industry Standard by Google)
   How To Create Lighthouse Perfect Score
   How To Convert Your Website To A Progressive Web App (PWA)
   How To Create WordPress Webhooks To Redeploy Your Project On Netlify When You Create/Update/Delete A Post

Who this course is for:

   Beginner React JS Developers Who Want To Create FAST, SEO Optimized, Static Websites With Gatsby JS

Requirements

   Knowledge in ReactJS
   Knowledge in JavasScript ES6

Last updated 6/2019