Gatsby Training Course

Learn to build super-quick static sites with the this React-based JavaScript framework

Standard duration: 2 Days
Email course link

"Great overall, asolutely no complaints!"

React Training Course
CC, Software Developer
ActiveViam

"Instructor had a good teaching style that made it easy to learn."

React Training Course
LM, Front-end developer
ITG

"Fantastic course and great instructor! Exercises were very well structured"

React Training Course
PD, Software Consultant
Ab Initio

"Liked the way we covered basics and moved onto more complex topics, with worked examples. Covered all the topics we needed to. John delivers the course very well and we all could follow easily."

React Training Course
CJ, Principal Consultant
ActiveViam

"Well structured course - "Best Practices" have been useful"

React Training Course
BS, Developer
ITG

About the course:

Our Gatsby training course will help you build on your existing JavaScript development skills to get you up and running using this exciting framework.

Gatsby brings together some of the best front-end technologies to rapidly build fast-loading static web sites.

Did you know?

Gatsby is built with React and GraphQL at its core.
The pages in a Gatsby site are defined as React components.
Data is managed using GraphQL queries. The framework can pull in data from WordPress, Markdown, and a huge variety of databases and APIs.
Minimal Gatsby Starter projects get you up and running quickly.
The whole framework is designed to be extensible with plugins for anything and everything.
If you are new to React or GraphQL we can extend and customise this course to fit your training requirements.

We're happy to offer this instructor-led Gatsby training online; in-person at our London training centre, or at your location of choice. Please get in touch to find out about flexible options to suit your team

Trusted by:

In a nutshell Who should attend Flexible training Course syllabus Useful resources

Learning outcomes

Set up your Gatsby development environment
Query data using GraphQL and connect to different data sources.
Write reusable code using Layout components.
Define routing between pages in a Gatsby site
Manage site configuration using gatsby-config
Work with plugins to fetch and transform data

Who should attend

Web developers who are looking to benefit from the rapid development options available with the Gatsby JS framework.

Pre-requisite skills

This two-day course is aimed at existing React/JavaScript developers who are also familiar with HTML and CSS.

We can help you with the pre-requisite skills through primer sessions on these technologies if need be - get in touch to find out how we can customise and extend your training to incorporate topics such as React, GraphQL, JavaScript, HTML and CSS

Live, instructor-led online and on-site training

This Gatsby course is available for private / custom delivery for your team - face-to-face, on-site at your location of choice, or remotely via MS Teams, Zoom or your own platform - get in touch to find out how we can deliver tailored training which focuses on your project requirements and learning goals.

Up and running with Gatsby

The Gatsby development environment
Working with the Gatsby CLI and development server

The design goals of Gatsby

Rapidly developed fast loading static sites
Performance, scalability, security and accessibility

Gatsby Starters

Boilerplate minimal sites to jump-start your development
Understanding Gatsby configuration files

React and Gatsby

How React and Gatsby integrate
Defining pages as React components
Building routes to link pages together
Creating reusable code using Layout components

Managing data

Managing data with GraphQL
Pulling data in from WordPress, Markdown, databases and APIs
Configuration data: siteMetadata and gatsby-config
Using the createPages API for unstructured data

Plugins

The extensible design of Gatsby
Fetching and transforming data using plugins.

Styling in Gatsby

Different approaches for adding CSS
Modularizing CSS and the scope of styles

The Gatsby ecosystem

Testing, performance, deployment and hosting
Adding plugins and themes

Get Gatsby: https://www.gatsbyjs.com/
Chrome Developer Tools for Node
Well-supported IDEs to consider: Webstorm | Visual Studio Code | IntelliJ IDEA

Public Courses Dates and Rates

Standard duration: 2 Days

Please get in touch for pricing and availability.

Interested in this course?

If you want to explore how you can tailor this course for your organisation, want to sign up for our newsletter, or have any other questions then please speak to us on 020 3137 3920 or get in touch using this form.

This form requires javaScript to work, please email us at webenquiries@frameworktraining.co.uk if you do not have it enabled.

Get in touch

We use cookies on our website to provide you with the best user experience. If you're happy with this please continue to use the site as normal.
For more information please see our Privacy Policy.

I understand

Ready to take your skills to the next level?