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.
Tech Stack
- Frontend: HTML, SASS, Grid, Flexbox, ReactJS, GatsbyJS, Typescript
- Deployment: Netlify
- Highlights: React Markdown
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.
gatsbytypescriptfaithblogreact-markdown