Learn GatsbyJS by creating a tourism site -18

Chintami Cave, Hampi

Welcome to part-18 of the series. You can find part-17 here.

As told in the earlier post, this series is based on the learning from this awesome udemy course by John Smilga

In this part i want to create a new page — Photos. It will contain most of the awesome photos, it took during my hampi vacation. All of these photos will be royalty free, so fell free to use them.

To create a new link in both Navbar and footer component, we just need to add it in links.js file.

links.js

Rest of the chapter is exclusive content and will be in my upcoming book Gatsby Cookbook.

Now, when we go to our Photos page in the browser we get all the five photos.

All photos

This completes part-18 of the series. You can find the code for the same here.

You can find part-19 here.

--

--

--

Founder TWD, JavaScript & ReactJS Trainer, Youtuber, Blogger

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

Recommended from Medium

How to Implement OpenID Connect Authentication Flow Inside of an iFrame

How and why to use JavaScript navigator.sendBeacon ?

JavaScript Best Practices for Beginners

Sass in Visual Studio Code |Part -1

Build a chrome extension in 5 steps

Creating Monthly Recurring Subscriptions in Stripe using Node.js (Part 1)

Promise vs Observable

Now Playing: Using Spotify’s Awesome API with React

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

Chat App using WhatsApp web UI and React JS

ReactJS Tutorial Part #4 ~ ReactJS Components

How to Build an Ecommerce React Template

Learning React with TypeScript by Building an API app