Hands-On Web Development with React and GatsbyJS
Create a super-fast web app with Gatsby and React, and deploy it with Netlify
Description
GatsbyJS is a modern static site generator for React that comes with all the tools you need to build fast and highly performant applications. In this 3-hour course, you will learn how to use GatsbyJS by leveraging React skills you already possess.
First, we introduce you to GatsbyJS. Then you'll set up your environment, clone a simple starter web app repo, and go over some of the fundamentals. You'll learn how to use GraphQL to query data from flexible sources and take advantage of Gatsby's templating functionality to programmatically generate pages. You will incorporate some plugins to improve performance and usability, optimize images, and finally deploy your site with Netlify.
By the end of the course, you will have a fully functioning, end-to-end blog web application and will feel confident about building applications with GatsbyJS.
About the Author
Rachelle Rathbone is a software engineer who currently works at Nordstrom on an internal application. Previously, she worked at a startup for several years on a large-scale website built to React and GatsbyJS. When she first integrated Gatsby into the web application a few years ago, Gatsby was in its alpha stage. Rachelle has witnessed its entire evolution and is aware of the huge community of supporters that stand behind the powerful static site generator. Before moving into the engineering field in 2017, Rachelle was an educator and has a strong background in delivering high-quality content to her students.
What You Will Learn!
- Build an end-to-end web application that has all the tools you'll need to track performance and scalability
- Discover the power of Gatsby by diving into the features and functionality it comes with out of the box
- Create intuitive and flexible queries to source data with GraphQL
- Design an application that takes advantage of Gatsby's templating functionality, allowing you to programmatically create pages
- Optimize the performance of your web application by integrating Gatsby plugins and built-in features
- Improve the usability of your web apps with Contentful and wire it into your Gatsby application
- Deploy your static website with Netlify, the simplest way to deploy JavaScript apps
Who Should Attend!
- This course is apt for JavaScript developers who are familiar with React and want to learn how to build static sites with the help of GatsbyJS.