Create a super-fast web app with Gatsby and React, and deploy it with Netlify
About This Video
Enhance your React skills by building an end-to-end web application that comes with all the tools you'll need to make a highly performant web app
Understand Gatsby's building blocks, build a strong foundation, and write applications with it
Take advantage of the exciting new features available in Gatsby V2
In Detail
GatsbyJS is a modern …
Hands-On Web Development with React and GatsbyJS
Video description
Create a super-fast web app with Gatsby and React, and deploy it with Netlify
About This Video
Enhance your React skills by building an end-to-end web application that comes with all the tools you'll need to make a highly performant web app
Understand Gatsby's building blocks, build a strong foundation, and write applications with it
Take advantage of the exciting new features available in Gatsby V2
In Detail
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.
Audience
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. Knowledge of JavaScript and React is assumed.
Adding the onCreateNode API and Updating Our Query
Writing a Page Query in Our Template
Chapter 5 : Working with Images in Gatsby
Importing Files with GraphQL
Using Gatsby Image
Adding Images to Our Markdown Files
Adding a Video to Our App
Chapter 6 : Contentful – Content Infrastructure
What is Contentful?
Creating a Contentful Account
Connecting Gatsby to Contentful
Updating gatsby-node with a Contentful Query
Updating Our Queries
Chapter 7 : Deploying Your App
Deploying and Hosting
Creating a Netlify Account
Linking to Your Repository and Deploying Your Web App
Updating Your App
Upping the Game with Gatsby Preview
Start your Free Trial Self paced Go to the Course We have partnered with providers to bring you collection of courses, When you buy through links on our site, we may earn an affiliate commission from provider.
This site uses cookies. By continuing to use this website, you agree to their use.I Accept