Dav/Devs Footer Logo Dav/Devs

The Beloved's Blog

React App

The Beloved's Blog

Toolkit

Frontend

HTML, SASS, Grid, Flexbox, ReactJS, GatsbyJS, Typescript

Deployment

Netlify

Highlights

React Markdown

About

This blog is built in GatsbyJS which is based off ReactJS. I decicded to use this project to get my feet wet in TypeScript. It also uses SASS as for the styles. The layout features Flexbox in its design. It is used in the post listing section on the landing and archive pages. It is also used to organise the pagination on the archive page.

One of the main highlights of this website is the use of React Markdown to render the post content. It also features GraphQL for it’s interaction with the Content Management System or CMS’s API.