Hands-On Web Development with React and GatsbyJS
What you'll 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
Course content
- Preview06:45
- 11:05What is GatsbyJS?
- 11:58Installing Gatsby and Cloning Our Gatsby Project
- 06:33An Overview of Typography and Styling
- 10:36Using React Helmet to Add Metadata
- 05:41Creating a New Page and Linking Between Pages
- 5 questionsTest Your Knowledge
Requirements
- Knowledge of JavaScript and React is assumed.
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.
Who this course is for:
- 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.
Instructor
Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.
With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.
From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.
Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.