Introduction to Gatsby, v2
Join us for an Awesome Workshop on:

Introduction to Gatsby, v2

August 11, 2021 - 9:30am to 5:30pm Central Daylight Time

RSVP to Attend Online

Live and in Full HD

You're Registered to Attend Online!

August 11, 2021 - 9:30am to 5:30pm Central Daylight Time

This Workshop's Online Chatroom is Currently Open!

August 11, 2021 - 9:30am to 5:30pm Central Daylight Time

This workshop has ended. Check back soon for the recording!

You can watch a replay of this workshop!

Introduction to Gatsby, v2

Some Key Takeaways!

By coding along with us in the Workshop, you'll:

  • Learn how to leverage free, open source tools including Gatsby, React, and GraphQL to build high-performance websites.
  • Deliver an excellent experience to your users by providing only critical assets on load and prefetching assets for subsequent page loads.
  • Implement performance best practices, such as the PRPL pattern, lazy loading assets, and more.
  • Learn to build and deploy blazing fast websites in the fraction of time.
  • Create websites quickly with performance baked in.
  • Deploy your sites for free in minutes with Netlify.

Your (Awesome) Instructor

Jason Lengstorf

Jason Lengstorf

Jason Lengstorf is a principal developer experience engineer at Netlify and the host of Learn With Jason, a live-streamed video show where he pairs with people in the community to learn something new in 90 minutes. He’s passionate about building healthy, efficient teams and systems, and he’s done his best to positively influence the community, leadership, and technical health of open source and companies including Gatsby and IBM. He lives in Portland, Oregon.

Spend A Full Day Immersed in Gatsby with Jason Lengstorf

Workshop Details

In this workshop, learn to build blazing fast apps and websites with React using Gatsby, a static PWA (Progressive Web App) generator. Over 50% of people will abandon a mobile site if it takes more than 3 seconds to load. Unless you’re willing to give up half of your potential customers, performance is no longer optional on the modern web. Fortunately, there are a lot of tools available to help you build screaming fast websites. Unfortunately, there’s a frighteningly large number of performance considerations, and many of them are easy to get wrong.

Daily Schedule

We've already held over 300 workshops with thousands of attendees in-person and online. In this time we've discovered ways to schedule the day, so it goes smoothly and efficiently. Regardless if you're in-person or participating with us online you'll have the full ability to replay things you missed, get your questions answered LIVE and interact with the teacher throughout the day.

  • 9:30AM
    Introduction
  • 9:45AM
    Install the Gatsby CLI, create a site using the `hello-world` starter, and start the dev server
  • 10:00AM
    Edit the index page, see live updates, add a second page, and add links between pages
  • 10:30AM
    Install Emotion for styling, create global styles, and create a global layout component
  • 11:00AM
    Introduce GraphQL by adding SEO metadata to the site config
  • 11:30AM
    Use a StaticQuery to build an SEO component for the site
  • 12:00PM
    Lunch
  • 1:00PM
    Add an image to the page, automatically optimize it, and implement lazy loading with gatsby-image
  • 1:30PM
    Create a blog using Markdown
  • 2:00PM
    Add the Remark transformer to convert Markdown to HTML
  • 2:30PM
    Add images to our Markdown and convert it to optimized images
  • 3:00PM
    Add content from a third-party source plugin
  • 4:00PM
    Deploy the site to Netlify
  • 4:30PM
    Wrap Up and Q&A
Expand...

Interact with the Instructor

Get Your Questions Answered • Code Along with the Class • Classroom Format

Is This Workshop for Me?

Summary

This workshop is for developers who build websites or apps for their companies or clients and need those websites to be extremely fast.

Any Prerequisites?

  • Installations of Node 6+, Git, amd either npm or Yarn.
  • Basic understanding of JavaScript (including ES6 syntax and patterns) and React.
  • Some familiariy with command line, GraphQL, Node.js.
  • Attendees will also need permission to install Node packages globally on their computer (i.e., not a locked down company computer).

Event Details

What

One Full Day Workshop Session

Replay Videos (available immediately)

When

August 11, 2021 - 9:30am to 5:30pm Central Daylight Time

Where

Attend online on our full HD live stream