Learn GatsbyJS by creating a tourism site -16

Photo by Dibyendu Sekhar Das on Unsplash

Welcome to part-16 of the series. You can find part-15 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 we will show the blog pages, when a user clicks on it. For this we will follow the same template approach, which we followed in tour.

So, create a file blog-template.js inside templates folder. And for now put a dummy data, which we are going to replace soon.

blog-template.js

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

Now, start your gatsby develop from the terminal and head over to a blog post after that. You can see the markdown rendered successfully.

awesome hampi

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

Also, because of the continuous deployment it got successfully pushed to netlify site.

You can find part-17 here.

--

--

--

Founder TWD, JavaScript & ReactJS Trainer, Youtuber, Blogger

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

Recommended from Medium

A JavaScript user’s First AWS Lambda function

Design Patterns Part 4 : Builder Design Pattern

Getting Started with React And AWS Amplify

Build a React app with Final Space API

Understanding about Fastify and MongoDB.

React Context API With an Example

Project Output

10 javascript things think you should know to learn programmin

(Ebook PDF) WKW: The Cinema of Wong Kar Wai | EPUB Download in 2020

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

What is State in React.JS?

7 Reasons To Use UI Libraries to Style React Apps

The best way to organize your React project

Best folder structure for react project thumbnail

5 Best React UI Frameworks to Build Web Applications Faster in 2022

5 Best React UI Frameworks to Build Web Applications Faster in 2022