Foundation Gatsby Projects

Enhance your Gatsby skillset by building a series of ready-to-use web sites. With the aid of four projects, this book teaches you how to use Gatsby alongside the latest technologies, including Contentful, Twillio, and Stackbit.

In the first project, you will create a simple agency site with a contact form and deploy it to Netlify. You'll then quickly be able to create other basic client sites. Next, you will learn to set up a blog site using Stackbit and Dev CMS. Other projects include a large site built with Contentful and a video chat using Twilio.

Many Gatsby tutorials out there today only cover how to create blog sites – get ahead of the crowd using this book today.

WHAT YOU'LL LEARN

* Use Contentful CMS with Gatsby
* Build sites quickly with Stackbit service
* Develop a video chat site similar to Skype with Twilio services
* Deploy all sites in Netlify
* Add functionalities with the powerful Gatsby plugin ecosystem
* Integrate advertisements

WHO THIS BOOK IS FOR

Anyone who wants to create a site using Gatsby. A little knowledge of React is expected but is not a necessity. You will need to be familiar with JavaScript concepts and be confident with basic web development.

NABENDU BISWAS is a full stack JavaScript developer who has been working in the IT industry for the past 15 years and has worked for some of the world’s top development firms and investment banks. He is a passionate tech blogger who publishes on dev.to and medium.com and on thewebdev.tech. He is an all-round nerd, passionate about everything JavaScript, React and Gatsby. You can find him on Twitter @nabendu82.

Chapter One-Agency Site

The Setup

Basic Styles

Sections

Work and About Page

Deploying Site

Chapter Two-Blog Site using Stackbit

The Setup

Domain Add

Gatsby Plugins

Adding Advertisements

Chapter Three-Tourism site with Contentful - Part One

The Setup

Navbar and Footer

SimpleHero Component

About Section

Hot Tips Section

Deploy Site

Image Optimization

Page Transition

Contact Form

Contentful Setup

Places Component

BlogComponent

Photos Component

Gatsby Plugins

Add Advertisements

Chapter Four-Tourism site with Contentful - Part Two

Chapter Five-Tourism site with Contentful - Part Three

Chapter Six-Tourism site with Contentful - Part Four

Chapter Seven-Video Chat Site

The Setup

Twilio Function

The Code

Video Implementation

CSS Changes