Nabendu Biswas - Advanced Gatsby projects : create two advanced sites using technologies that compliment Gatsby

Advanced Gatsby projects : create two advanced sites using technologies that compliment Gatsby — read online for free the complete book (whole text) full work

Below is the text of the book, divided by pages. System saving the place of the last page read, allows you to conveniently read the book "Advanced Gatsby projects : create two advanced sites using technologies that compliment Gatsby" online for free, without having to search again every time where you left off. Put a bookmark, and you can go to the page where you finished reading at any time.

Light

Font size:

↓

↑

Georgia Tahoma Arial Verdana

Reset

Interval:

↓

↑

Bookmark:

Make

1234567...28

Contents

Landmarks

Book cover of Advanced Gatsby Projects

Nabendu Biswas

Advanced Gatsby Projects

Create Two Advanced Sites Using Technologies that Compliment Gatsby

1st ed.

Logo of the publisher

Nabendu Biswas

Bangalore, India

Any source code or other supplementary material referenced by the author in this book is available to readers on GitHub via the books product page, located at www.apress.com/9781484266397 . For more detailed information, please visit http://www.apress.com/source-code .

ISBN 978-1-4842-6639-7 e-ISBN 978-1-4842-6640-3

https://doi.org/10.1007/978-1-4842-6640-3

Nabendu Biswas 2021

This work is subject to copyright. All rights are solely and exclusively licensed by the Publisher, whether the whole or part of the material is concerned, specifically the rights of translation, reprinting, reuse of illustrations, recitation, broadcasting, reproduction on microfilms or in any other physical way, and transmission or information storage and retrieval, electronic adaptation, computer software, or by similar or dissimilar methodology now known or hereafter developed.

The use of general descriptive names, registered names, trademarks, service marks, etc. in this publication does not imply, even in the absence of a specific statement, that such names are exempt from the relevant protective laws and regulations and therefore free for general use.

The publisher, the authors and the editors are safe to assume that the advice and information in this book are believed to be true and accurate at the date of publication. Neither the publisher nor the authors or the editors give a warranty, expressed or implied, with respect to the material contained herein or for any errors or omissions that may have been made. The publisher remains neutral with regard to jurisdictional claims in published maps and institutional affiliations.

Distributed to the book trade worldwide by Springer Science + Business Media New York, 1 New York Plaza, New York, NY 10004. Phone 1-800-SPRINGER, fax (201) 348-4505, e-mail orders-ny@springer-sbm.com, or visit www.springeronline.com. Apress Media, LLC is a California LLC and the sole member (owner) is Springer Science + Business Media Finance Inc (SSBM Finance Inc). SSBM Finance Inc is a Delaware corporation.

To my Dad. I miss him every day! He left for heaven in November 2020 due to a stroke. He had retired 10 years back from a top government organization, BHEL, as a senior engineer. He always was the pillar in my life. I hoped to spend more time with him, but life had some other plans.

Introduction

This book contains two advanced Gatsby projects and it is advisable for beginners to Gatsby to start with my book Foundation Gatsby Projects. In the first project, we will create a fully functional e-commerce site for a restaurant using Snipcart. Through this, site a user can place an order and also pay via credit card. It also has a nice dashboard and email notification for the owner of the restaurant.

In the second project, you will learn to build a recipe site using the awesome and free-to-use Firebase real-time database. With Firebase we can use a back end without complicated back ends like Java or NodeJS. We are also going to add a commenting system in this project with Disqus.

Table of Contents

Part I: Creating an Ecommerce Feature Site with Snipcart

Part II: Creating a Recipe Website with Firebase

About the Author

Nabendu Biswas

is a full-stack JavaScript developer who has been working in the information technology industry for the past 15 years. He has worked for some of the worlds top development firms and investment banks. He is currently working as an Associate Architect at Innominds. He is a passionate tech blogger who publishes on thewebdev.tech . He is a tech YouTuber with a channel named The Web Dev, and also loves to teach people web development. He is an all-around nerd, passionate about everything JavaScript, React, and Gatsby. You can find him on Twitter: @nabendu82 .

About the Technical Reviewer

Alexander Chinedu Nnakwue

has a background in mechanical engineering from the University of Ibadan, Nigeria, and has been a front-end developer for more than three years, working on both web and mobile technologies. He also has experience as a technical author, writer, and reviewer. He enjoys programming for the Web, and occasionally, you can also find him playing soccer. He was born in Benin City and is currently based in Lagos, Nigeria.

Part I Creating an Ecommerce Feature Site with Snipcart

Creating an Ecommerce Feature Site with Snipcart

In Part I, we will build a restaurant site with GatsbyJS. This site will also have an ecommerce feature that allows users to order online. We will be using Snipcart for this feature. We are also going to deploy the project in Netlify and store the data in the Contentful content management system (CMS). We are also going to use webhooks for automatic adding, editing, and deleting of items from the Contentful CMS.

The Author(s), under exclusive license to APress Media, LLC, part of Springer Nature 2021

N. Biswas Advanced Gatsby Projects https://doi.org/10.1007/978-1-4842-6640-3_1

1. Setting up the Ecommerce Site

Nabendu Biswas

(1)

Bangalore, India

In this chapter we will cover how to create a new project, then manage default files, and finally install react-icons into the project.

Getting Started

We first need to create a new project with the familiar gatsby new command. I used the command in my Desktop with the command gatsby new restaurant-gatsby .

Next, lets navigate to the directory and open the project in VS Code (Figure ).

Figure 1-1

cd and code

It is showing perfectly at http://localhost:8000/ with the starter project (Figure ).

Figure 1-2

Gatsby starter

Managing the Default Files

Its time to update and delete some default files . First open the gatsby-config.js file and change the content as shown in bold in Listing .

module.exports = {

siteMetadata: {

title: `Restaurant Site`,

description: `The Restaurant Site

Next page

1234567...28

Light

Font size:

↓

↑

Georgia Tahoma Arial Verdana

Reset

Interval:

↓

↑

Bookmark:

Make

Similar books «Advanced Gatsby projects : create two advanced sites using technologies that compliment Gatsby»

Look at similar books to Advanced Gatsby projects : create two advanced sites using technologies that compliment Gatsby. We have selected literature similar in name and meaning in the hope of providing readers with more options to find new, interesting, not yet read works.

Francis Fitzgerald

The Great Gatsby

Nabendu Biswas

The Complete TypeScript Guide with Projects

Samuel Larsen-Disney

Elevating React Web Development with Gatsby 4: Build performant, accessible, interactive web applications with React and Gatsby.js

Nabendu Biswas

Beginning React and Firebase: Create Four Beginner-Friendly Projects Using React and Firebase

Nabendu Biswas

Extending Gatsby: Create a Blog Site Using MDX, CDN, and Netlify

Nabendu Biswas

MERN Projects for Beginners: Create Five Social Web Apps Using MongoDB, Express.js, React, and Node

Preston So

Gatsby: The Definitive Guide: Build and Deploy Highly Performant Jamstack Sites and Applications

Preston So

Gatsby: The Definitive Guide

Alex Libby

Gatsby E-Commerce: A Practical Introduction to Creating E-Commerce Sites with the Gatsby Framework

F. Scott Fitzgerald

The Great Gatsby

Marciano Guerrero

Essays on The Great Gatsby: Is Nick Carraway Gay? Or, Is Daisy Buchanan Slow?

Siddhartha Deb

Gatsby in New Delhi (Kindle Single)

Discussion, reviews of the book Advanced Gatsby projects : create two advanced sites using technologies that compliment Gatsby and just readers' own opinions. Leave your comments, write what you think about the work, its meaning or the main characters. Specify what exactly you liked and what you didn't like, and why you think so.