Skip to main content

Gatsby JS Starter Guide: Setup, Build & Deploy

Free Udemy Coupon Gatsby JS Starter Guide: Setup, Build & Deploy [2020]

How to Setup, Build & Deploy (to either Firebase or Netlify) your first Gatsby JS site with the help of Bootstrap React,This course will walk you through, step-by-step, on how-to: Step 1: Install. Install the needed components for Gatsby to run. iTerm 2. Step 2: Modify & Build. Download and modify the Gatsby Starter Default template. Step 3: Deploy to either Google Firebase or Netlify. The costs of both services (free at the beginning)

Created by Haydn Adams

PREVIEW THIS COURSE - GET COUPON CODE

What you'll learn
  • The basic setup of Gatsby JS
  • How to use React Bootstrap with Gatsby JS
  • How to setup a basic website in Gatsby JS
  • How to deploy a Gatsby JS site to Google Firebase
  • How to deploy a Gatsby JS site to Google Firebase



Description
Gatsby JS is one of the single greatest ways to build a static site. It leverages the power of React under the hood. At first glance, Gatsby can seem overwhelming. There's JSX but there's also HTML and CSS and Components and nodes, oh my. That's where this course comes in.

This course is designed for someone who knows a little bit about HTML/CSS, but that's about it. This course will walk you through, step-by-step, on how-to:

Step 1: Install

Install the needed components for Gatsby to run

iTerm 2

Homebrew (for the Mac)

Xcode (for the Mac)

Git

Gatsby CLI

Node JS

Download the hello-world template

Step 2: Modify & Build

Download and modify the Gatsby Starter Default template

Modify the Gatsby Starter Default template

Setup a custom CSS to modify your design with

Setup a responsive navigation in Gatsby JS using React Bootstrap

Add an image in as a logo

Use the <Container> <Row> and <Col> in React Bootstrap

Add responsive/fluid images into your pages

Adjust the Footer using Bootstrap

Step 3: Deploy to either Google Firebase or Netlify

The costs of both services (free at the beginning)

The Setup of Google Firebase

The deployment of the website to Firebase

The drag and drop method of deploying to Netlify

The Gatsby-to-Git-to-Netlify method of deploying your site

Every step of the way is explained. From adjusting the Gatsby-Config file to setting up Git to understanding how to use and read the terminal.

Recommended software:

iTerm

Visual Studio Code (VS Code)


Students also bought
Master yourself in HTML5, CSS3, Bootstrap and responsive web development

SASS - Learn SASS, the most popular CSS Extension. Build modern and beautiful projects using SASS and lots of CSS

Build a Twitter Clone using HTML, CSS, CSS Flexbox, CSS Grid, and JavaScript. Master your Front End Web Developer Skills
Comment Policy: Please write your comments according to the topic of this page's post. Comments containing links will not be displayed until approved.
Buka Komentar
Tutup Komentar
-->