Dav/Devs Footer Logo Dav/Devs

The Beloved's Blog

React App



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




React Markdown


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.