From zero to a Gatsby developer
3.8 (13 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
6,629 students enrolled

From zero to a Gatsby developer

Develop a website with GatsbyJS
New
3.8 (13 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
6,629 students enrolled
Created by Nik Rollinson
Last updated 4/2020
English
English [Auto-generated]
Current price: $119.99 Original price: $199.99 Discount: 40% off
23 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 1.5 hours on-demand video
  • 1 article
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Fundamentals of GatsbyJS
Course content
Expand 10 lectures 01:38:56
+ Introduction
10 lectures 01:38:56
Mapping Components
17:53
Using Styled Components
11:56
Using Props in React
03:57
Styling Home Page
14:47
Creating New Pages
20:30
Adding a Chatbot
14:38
Deploy the Website
00:14
Requirements
  • Be interested in GatsbyJS and React
  • Have a desire to build a website
Description

In this online course I am guiding you in building a Gatsby project: a website that tells us about immigration programmes in different countries. This inspiration came from works of Pieter Levels, who is an active supporter of bootstrapping and digital nomading. In particular this project carries resemblance to Nomad List, yet focuses on a different business problem: providing information on how people can migrate to a particular country.


We are going to use key features of React as well as some additional libraries and tools to ensure the website looks good and works well. We will learn how to use Google's Material UI library for creating pretty ui elements, and we will use the Styled Elements library to style them. We will also cover how to implement a free chatbot on our website for quicker customer feedback. At the end of the course, you will have a functioning website you can add to your portfolio, or one that you can use as a template for an actual business project.


Whether you are familiar with React or now yet, it is a hugely popular framework that is used for serverless front-end development (or can be used with a server as well). Even though React is fantastic, if you would like to create something like a traditional website using it, you would need to work on a server side separately as well to allow search engines to crawl it and to essentially do SEO. Gatsby, however, is a solution. This library creates a static website using react and sets up everything you need for good SEO practice. It does free you from the need of using React and something additional for the back-end (server side).


One of the drawbacks of learning a new technology is how much time it takes to familiarise yourself with it well. Luckily, Gatsby.js runs on a popular tech, so it is likely you won’t need to learn everything from scratch, or at least the new knowledge will be well-transferable in the future. Gatsby uses React and GraphQL, which are wildly popular. Also, Gatsby has great official documentation, as well as a collection of tutorials, templates, and other useful materials.


Another benefit of GatsbyJS is the easy set up. Setting up new projects is very fast, much faster than in many other libraries and frameworks. With a selection of pre-configured projects, you will be able to get to the website development right away. It certainly feels great to start right away and avoid all the usual setup and configuration problems. And if you feel stuck, Gatsby has a great community eager to help.


Who this course is for:
  • Beginner and intermediate web developers