Restaurant Site Project with GatsbyJS-1

Photo by Jay Wennington on Unsplash

I am starting a brand new project to built a restaurant site with GatsbyJS. This site will also have ecommerce feature, for the user to order online. We will be using Snipcart for this feature.

Let’s jump in and create a new project with the familiar gatsby new <project_name> command.

gatsby new project

Rest of the chapter is exclusive content and will be in my upcoming book Gatsby Cookbook. You can find more details about it here.

Gatsby Cookbook

It is showing perfectly in localhost.

localhost

This completes part-1 of the series. Our setup is complete and from the next part, we will satart creating real parts of the project. You can find part-2 here.

You can find the code for the project in this github repo.

--

--

--

Founder TWD, JavaScript & ReactJS Trainer, Youtuber, Blogger

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Description of a typical Front-End application

Inside PixiJS: Display objects and their hierarchy

How the connect() function works in React-Redux for beginners — Part 3 of 3: Retrieving data from…

Improve Page Load Performance With These Different Script Loading Techniques

Loading the JavaScript into your HTML page

Build a realtime graph in Android with Pusher

Why You Should Learn JavaScript First?

Why You Should Learn JavaScript?

Copying Objects in JavaScript with built in functions

Create native Lottie animations with Sketch and AE, the simple way.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Nabendu Biswas

Nabendu Biswas

Founder TWD, JavaScript & ReactJS Trainer, Youtuber, Blogger

More from Medium

Lets Call APIs With Axios In React

Use React and Node.js For Your Next Web Project

How to create a React To-do App (CRUD) with Hooks (2022) — Part 3

This gif is part of the how to create a ReactJs to-do app using hooks in 2022. CRUD. Delete function

Create a PERN Todo List