Introduction to Gatsby
Join us for an Awesome Workshop on:

Introduction to Gatsby

April 30, 2019 - 9:30am to 4:30pm Central US Time

RSVP to Attend Online

Live and in Full HD
OR

Join in Person

From Downtown Minneapolis, MN

You're Registered to Attend Online!

April 30, 2019 - 9:30am to 4:30pm Central US Time

This Workshop's Online Chatroom is Currently Open!

April 30, 2019 - 9:30am to 4:30pm Central US Time

You can watch video of this workshop!

Introduction to Gatsby

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 developer advocate, senior engineer, and occasional designer at Gatsby. He’s an advocate for building highly productive teams through better communication, well designed systems and processes, and healthy work-life balance, and he blogs about that sometimes. 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 150 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 - Online & In-Person

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

April 30, 2019 - 9:30am to 4:30pm Central US Time

Where

Option 1: Attend online on our full HD live stream

Option 2: Attend in-person at HQ in Minneapolis, MN