$30 | Created by Bluelime Learning Solutions | Last Updated 7/2019
Duration: 3 hours | Video: h264, 1280x720 | Audio: AAC, 44 KHz, 2 Ch | 890 MB
Genre: eLearning | Language: English + Sub | 35 Lectures

Learn to build and deploy static websites quickly

What you'll learn
Setup Gatsby Development Environment
Create Gatsby Site
Serve site on Gatsby development server
Modify Gatsby Pages
Build Gatsby Components and Sub components
Utilize props
Link pages of Gatsby site
Create layout components
Component scopped styling
Global scope styling
Install and configure Gatsby Plugins

Requirements
Basic understanding of : HTML | CSS | jаvascript
Basic understanding of React

Description
Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps. Gatsby's rich data plugin ecosystem lets you build sites with the data you want .

Gatsby.js is a static PWA (Progressive Web App) generator. You get code and data splitting out-of-the-box. Gatsby loads only the critical HTML, CSS, data, and jаvascript 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 is Internet Scale. Forget complicated deploys with databases and servers and their expensive, time-consuming setup costs, maintenance, and scaling fears. Gatsby.js builds your site as "static" files which can be deployed easily on dozens of services.

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.

What you will learn includes:

Installing Gatsby

Creating a Gatsby site

Building components

Using sub components

Creating and using layout components

Modifying pages

Using props

Linking between pages

Using Gatsby Plugins

Using Global Styling

Styling Gatsby components

Deploying Gatsby Sites

Who this course is for:
Beginners to Gatsby
Beginners to web development
[i][/i]Screenshots