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

Learn React.js With Youtube Tutorials?

Learn React.js With Youtube Tutorials By Rajdeep Singh

Influence of Fast Refresh Feature in React Native 0.61 on the Developer Community!

Infinite Scroll with TypeScript

How to implement Redis caching in a NodeJS project

ReactJS Tutorial for Beginners -8

ReactNative best practices With best folder structure

Breaking the rules of Sane Programming

SEO in Angular Without Server-Side Rendering

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

Develop Full-Stack web application using MERN Stack

Cricbuzz Clone

Beginning with understanding node.js.

Top 5 EMMET Shortcut For HTML