May 20th, 2021 . 2 min read
This is my first post from my blog + portfolio website. I won't be writing much in this post but let me tell you a little about this site. Lets see how different elements are styled.
This text will be italic
This text will be bold
You can combine them
console.log("Code snippets look like this"); console.log("The theme is custom made"); console.log("The font is Fira Code");
Blockquotes look like this!
|First Header||Second Header|
|Content from cell 1||Content from cell 2|
|Content in the first column||Content in the second column|
Now lets looks at the tech stack used to build the site.
React is one of the most popular JS library out there. I chose react to build my blog site because I have been working with react for about a year and it is the framework that I find the most comfortable to use.
Gatsby is a static site generator as its generally known as but there is more to gatsby than what meets the eye. There were plenty of features that I really liked, especially the image plugins. And since gatsby uses react under the hood, it was a cherry on top.
For the CMS, I went with the most popular in the gatsby-plugin market Contentful, because of that it was fairly easy to get started with as the docs were really great and straight forward. I had some issues using the richTextField and its limitation and so I used markdown fields instead which are much more convenient for me.
I have been fan of Netlify ever since the first time I used it, so netlify was my go to choice to deploy the blog site as its continous integration is smooth as butter.
There you have it these are the 4 major technologies that I used to build my portfolio + blog site.