The Front End: Using Gatsby.js and Node.js for Static Site Updates

, Software Pundits
This post was originally published on this site

Toptal

For some project requirements, static page generation is not only sufficient, it’s also the most efficient in terms of speed and scalability.

In the first half of this series, we combined Node.js, Express, MongoDB, cron, and Heroku to deliver a CI-ready back end that consumes GitHub’s API according to a daily schedule. Now we’re ready to add Gatsby to the mix to complete our static page generation project.

Developing the Front End: Make It a Gatsby Website

Because Gatsby websites are based on React, it’s helpful if you’re already familiar with how to build a website with React.

For styling, I prefered Bootstrap, reactstrap, and react-markdown. You may know that release notes in GitHub are stored in Markdown format, hence our need for a converter.

Static Website Project Structure

Our file/folder structure will be as follows:

What are these files for? Let’s see:

env.development and env.production are environment variable

To read the full article click on the 'post' link at the top.