-
Onboard
For Tech Teams
- Reduce initial time to productivity.
- Increase employee tenure.
- Plug-and-play into HR onboarding and career pathing programs.
- Customize for ad-hoc and cohort-based hiring approaches.
-
Upskill
For Tech Teams
- Upgrade and round out developer skills.
- Tailor to tech stack and specific project.
- Help teams, business units, centers of excellence and corporate tech universities.
-
Reskill
For Tech Teams
- Offer bootcamps to give employees a running start.
- Create immersive and cadenced learning journeys with guaranteed results.
- Supplement limited in-house L&D resources with all-inclusive programs to meet specific business goals.
-
Design
For Tech Teams
- Uplevel your existing tech learning framework.
- Extend HR efforts to provide growth opportunities within the organization.
- Prepare your team for an upcoming tech transformation.
Get your team started on a custom learning journey today!
Our Boulder, CO-based learning experts are ready to help!
Course Summary
The Working with Gatsby training course is designed to demonstrate a new approach to the delivery of web-based solutions moving from a single monolithic CMS toward a content mesh with an infrastructure layer to decouple websites.
The course begins with an introduction to Gatsby including installation, creating a project with Gatsby CLI creating static pages, and layouts and styling. Next, it describes Gatsby architecture, querying data with GraphQL, and working with images and markdowns. The course concludes with examining how to move to production and how to improve Progressive Web App (PWA) support.
Prerequisites: Attendees must have JavaScript development experience. Experience using React is helpful but not required.
- Productivity Objectives:
- Create a highly performant web app using Gatsby, React and GraphQL
- Deliver web-based solutions using a "content mesh"
- Source and render data from a variety of data sources
- Install and configure plugins to utilize functionality required
- Demonstrate Gatsby's Architecture and Boot Process
Request Information
Get your team upskilled or reskilled today. Chat with one of our experts to create a custom training proposal. Fully customized at no additional cost.

If you are not completely satisfied with your training class, we'll give you your money back.




about our training
-
Real-World Content
Project-focused demos and labs using your tool stack and environment, not some canned "training room" lab.
-
Expert Practitioners
Industry experts with 15+ years of industry experience that bring their battle scars into the classroom.
-
Experiential Learning
More coding than lecture, coupled with architectural and design discussions.
-
Fully Customized
One-size-fits-all doesn't apply to training teams. That's where we come in!
What You'll Learn
In the Working with Gatsby training course, you'll learn:
- Introducing Gatsby
- What and Why
- The JAM Stack
- Headless CMSes
- Gatsby’s value proposition
- The Gatsby Ecosystem
- Getting Started
- Install Gatsby
- Create a project with Gatsby CLI
- Utilize a starter
- Creating Static Pages
- Create a page
- Use Static Assets
- Create components using React
- Layouts and Styling
- Add Global CSS styles
- Utilize CSS modules
- Use a CSS-in-JS library
- Link between pages using <Link>
- Add a layout component
- Gatsby Architecture
- Data sources, nodes and GraphQL
- Source plugins and transformer plugins
- Understand Gatsby’s build process
- Querying Data with GraphQL
- Understand GraphQL
- Make GraphQL queries from pages
- Render the data received
- Deal with errors and delays
- Static queries vs page queries
- Issue queries from components using <StaticQuery>
- Use the useStaticQuery ook
- Querying Further Data Sources
- Query data from the Filesystem
- Understand the nodes Namespace and storage model
- Query image data
- Connect to a Headless CMS
- Working with Images
- Responsive design considerations for images
- Bandwidth and load time considerations
- Query for images using GraphQL
- Perform image transformations
- Image rendering
- Working with Markdown
- Build a blog
- Transform markdown to HTML
- Introduce MDX
- Use MDX
- Programmatically Creating Pages
- Gatsby’s bootstrap phase
- Understand gatsby-node and Gatsby’s APIs
- Create “Slugs” for generated pages
- Generate the pages
- Paginating Through Lists
- Pagination in GraphQL
- Query a list
- Render a paginated list
- Moving to Production
- Create a production build
- Serve the production build
- Host the site
- Deploy to Netlify
- Improving Progressive Web App (PWA) Support
- Explain PWAs
- Run a Lighthouse Audit
- Add a Manifest
- Add offline support with a service worker
Real-world content
Project-focused demos and labs using your tool stack and environment, not some canned "training room" lab.
Expert Practitioners
Industry experts that bring their battle scars into the classroom.
Experiential Learning
More coding than lecture, coupled with architectural and design discussions.
Fully Customized
One-size-fits-all doesn't apply to training teams. That's where we come in!

Elite Instructor Program
We recently launched our internal Elite Instructor Program. The community driven instructor program is designed to support instructors in transforming students’ lives by consistently showing a world-class level of engagement, ability, and teaching prowess. Reach out today to learn more about our instructors.
Customized Technical Learning Solutions to Help Attract and Retain Talented Developers
Let DI help you design solutions to onboard, upskill or reskill your software development organization. Fully customized. 100% guaranteed.
DevelopIntelligence leads technical and software development learning programs for Fortune 500 companies. We provide learning solutions for hundreds of thousands of engineers for over 250 global brands.



“I appreciated the instructor’s technique of writing live code examples rather than using fixed slide decks to present the material.”
VMwareAbout Us
LET’S DISCUSS
DevelopIntelligence has been in the technical/software development learning and training industry for nearly 20 years. We’ve provided learning solutions to more than 48,000 engineers, across 220 organizations worldwide.
Resources
Thank you for everyone who joined us this past year to hear about our proven methods of attracting and retaining tech talent.

- Boulder, Colorado Headquarters: 980 W. Dillon Road, Louisville, CO 80027
© 2013 - 2022 DevelopIntelligence LLC - Privacy Policy