Building Static Sites with GatsbyJS

blur

Learn Path Description

GatsbyJS is a React-based, GraphQL powered, static site generator. It lets you create fast, rich web experiences that integrate all your favorite services and content. You can build e-commerce sites, landing pages, blogs and more in just minutes. In this path you will learn how to build, test and deploy your own Gatsby sites.

Skills You Will Gain

Courses In This Learning Path

blur
icon

Total Duration

51 minutes

icon

Level

Beginner

icon

Learn Type

Certifications

GatsbyJS: The Big Picture

Nowadays, there are many options for building websites and web apps.GatsbyJS, an open-source framework that is based on React, offers performance, security, and scalability out of the box.This course, GatsbyJS The Big Picture, will teach you everything you need to understand and assess this incredible technology.You'll first explore the basic building blocks of JAMStack architecture, GatsbyJS.Next, you will discover how easy it can be to create new projects using GatsbyJS and learn about GatsbyJS syntax and conventions.You'll also learn about Gatsby’s incredible ecosystem and tooling.After completing this course, you will be able understand the building blocks of GatsbyJS and be able determine if this technology is right for you.

blur
icon

Total Duration

2 hours

icon

Level

Beginner

icon

Learn Type

Certifications

GatsbyJS: Getting Started

This course will help you create modern static websites with React, GatsbyJS and GraphQL. This course, GatsbyJS Getting Started will give you the knowledge necessary to create modern static websites using GatsbyJS. You will first learn about the JAMStack, GatsbyJS basics, and how you can start to use this incredible technology. Next, you'll learn how Gatsby uses React to create reusable parts, which is the building block of a GatsbyJS website. Finally, you'll also learn how to make your own React components. You will also learn about GraphQL, its role in the Gatsby ecosystem and how you can query for data with this versatile technology. You will be able to create a complete, modern static blog site in Gatsby and also have the knowledge and skills required to create other types of sites using GatsbyJS and GraphQL.

blur
icon

Total Duration

87 minutes

icon

Level

Intermediate

icon

Learn Type

Certifications

Consuming Data with GatsbyJS

GatsbyJS can be used to create static sites. This course, Consuming data with GatsbyJS teaches you how to obtain data from different sources and use it in a GatsbyJS website. You'll first learn how to get data from WordPress back-ends or headless CMS systems. Then, you will learn how to obtain data from external GraphQL or REST APIs. You'll also learn how to use hydration to display data in your pages at run-time, instead of build-time. This course will equip you with the knowledge and skills to source structured and unstructured data from different data sources in GatsbyJS build-time and runtime.

blur
icon

Total Duration

84 minutes

icon

Level

Intermediate

icon

Learn Type

Certifications

Testing and Deploying GatsbyJS Applications: Playbook

It is not enough to be able to develop Gatsby apps using modern tools and stacks. This skill should be complemented by rigorous testing, continuous integration, deployment workflows and a working knowledge of hosting platforms. It also needs to be able to debug builds and optimize overall performance. This course, Testing and Deploying GatsbyJS Apps: Playbook, will teach you how to deploy blazingly fast, reliably tested, as well as a performant cafe website created using Gatsby. You'll first learn how to add unit- and end-to–end tests within your website codebase. Next, you will learn how to automate build, testing, and deployment of your site using GitHub actions. Next, you'll learn how to host your site on Gatsby Cloud or CloudFront. You will also learn how to troubleshoot and optimize the performance of your Gatsby builds. This course will equip you with the knowledge and skills to efficiently package, test, and deploy Gatsby applications.

blur
icon

Total Duration

101 minutes

icon

Level

Intermediate

icon

Learn Type

Certifications

Creating Plugins, Themes, and Starters with GatsbyJS 3: Playbook

Are you looking to reuse components and styles across GatsbyJS websites? Maybe you need to modify the way pages render content or have a custom data source. This course, Creating plugins, themes and starters with GatsbyJS, Playbook, will teach you how to customize GatsbyJS sites, including the various ways to expand functionality.

blur