GatsbyJS 2: Getting Started

Focused View

Marcelo Pastorino

2:00:26

65 View

1. Course Overview

1. Course Overview.mp4

01:44

2. Introducing GatsbyJS

1. Version Check.mp4

00:15

2. Introduction.mp4

00:43

3. The JAMstack Architecture.mp4

04:10

4. What Is GatsbyJS.mp4

04:38

5. Installing Gatsby.mp4

04:17

6. Gatsby Starter Templates.mp4

02:33

7. Gatsby CLI and Site Structure.mp4

03:49

8. Summary.mp4

00:44

3. Creating Static Pages

1. Introduction.mp4

00:25

2. Understanding Gatsby Pages.mp4

02:12

3. Brief Introduction to React Components and JSX.mp4

02:39

4. Create Static Pages.mp4

02:57

5. Linking between Pages.mp4

02:50

6. Summary.mp4

00:37

4. Styling in Gatsby

1. Introduction.mp4

00:31

2. Understanding CSS in Gatsby.mp4

05:22

3. Creating Global Styles.mp4

01:14

4. CSS Modules and SASS.mp4

03:16

5. Summary.mp4

01:24

5. Creating Components

1. Introduction.mp4

00:29

2. Understanding Components in Gatsby.mp4

05:35

3. Creating Layout Components.mp4

04:26

4. Creating Sub-components - Header.mp4

03:14

5. Creating Sub-components - Header Links.mp4

01:25

6. Creating Sub-components - Buttons.mp4

01:47

7. Creating Sub-components - Footer.mp4

01:30

8. Creating Sub-components - Title.mp4

01:33

9. Summary.mp4

01:01

6. Querying Data with GraphQL

1. Introduction.mp4

00:28

2. Introducing Data in Gatsby.mp4

03:15

3. Adding Site Metadata.mp4

01:03

4. Getting to Know GraphiQL.mp4

01:43

5. Querying Site Metadata with Page Queries.mp4

01:25

6. Querying Site Metadata from a Component with StaticQuery.mp4

02:15

7. Summary.mp4

00:57

7. Handling Data with Source and Transformer Plugins

1. Introduction.mp4

00:37

2. Getting Started with Gatsby Plugins.mp4

01:06

3. Introducing Gatsby Source Plugins.mp4

02:09

4. Creating Markdown Files.mp4

03:31

5. Introducing Gatsby Transformer Plugins.mp4

03:50

6. Creating Article Components.mp4

05:10

7. Summary.mp4

01:25

8. Creating Dynamic Pages Programmatically

1. Introduction.mp4

00:39

2. Dynamic Page Creation in Gatsby.mp4

01:29

3. Introducing the Gatsby API.mp4

01:40

4. Creating Friendly URLs.mp4

06:04

5. Creating Page Templates.mp4

04:07

6. Creating Pages Programmatically.mp4

03:46

7. Summary.mp4

01:08

9. Deploying a Gatsby Site

1. Introduction.mp4

00:23

2. Creating a Production Build.mp4

01:30

3. Deploying Your Site.mp4

02:27

4. Summary.mp4

00:59

Description

In this course you’ll learn to create modern sites with GatsbyJS, React, and GraphQL and other modern technologies.

What You'll Learn?

Creating modern static sites with GatsbyJS, React, and GraphQL can be easy and this course will show you how. In this course, GatsbyJS 2: Getting Started, you will gain the foundational knowledge needed to create modern static sites using GatsbyJS. First, you will learn what the JAMStack is, the basics of GatsbyJS, and how to start using this amazing technology. Next, you will discover how Gatsby makes use of React to create reusable components, the building block in a GatsbyJS site, and learn how to create React components of your own. Finally, you will explore GraphQL and its importance in the Gatsby ecosystem, as well as how to query for data using this versatile technology. When you finish this course, you will have created a modern and complete static blog site in Gatsby, as well as acquired the skills and knowledge needed to create other type of sites with GatsbyJS, using React and GraphQL.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

JavaScript

Front End Web Development

Marcelo Pastorino

Instructor's Courses

Marcelo has over 20 years of professional experience solving business problems and creating new opportunities for companies by architecting solutions and developing software for the web, cloud, and mobile devices. He started coding for fun in the early 90s in an old IBM 8086 XT, in now-defunct programming languages like Clipper, Pascal, and dBase III and sold his first piece of software for the DOS operating system at age 16. These days, his preferred stacks are Microsoft's .NET, C#, Xamarin, Azure and JavaScript, TypeScript, React, React Native, Next.js, and everything around these fantastic technologies. Marcelo is a passionate and pragmatic developer, an avid learner, and a fan of clean code and best practices. He has worked for companies in various software development roles with pride in building quality software. In his spare time, he is creating SoftwareDeveloper.io, an app to enable Software Developers and other tech roles to find their perfect remote job opportunities and help them stand out as professionals.

Pluralsight

View courses Pluralsight

Pluralsight, LLC is an American privately held online education company that offers a variety of video training courses for software developers, IT administrators, and creative professionals through its website. Founded in 2004 by Aaron Skonnard, Keith Brown, Fritz Onion, and Bill Williams, the company has its headquarters in Farmington, Utah. As of July 2018, it uses more than 1,400 subject-matter experts as authors, and offers more than 7,000 courses in its catalog. Since first moving its courses online in 2007, the company has expanded, developing a full enterprise platform, and adding skills assessment modules.