Published on Wednesday, July 14, 2021

This is a project that I made in order to learn a little bit more about GatsbyJS and the use of a headless cms such as Sanity in this case, also to improve my ReactJS and CSS abilities.

The stack and main libraries used in this project are ✨ GatsbyJS, ReactJS, Sanity, Styled-Components, Material-UI ✨ all code written with JavaScript, although I would like in the future to rewrite it in TypeScript and add more components with Material-UI or other cool UI kit such as Rebass.

The tools

I really enjoyed working with these tools, Gatsby it's pretty fast in the browser but maybe a little slow and tricky when developing. When using the CLI, I would have to close it when touching config files, such as gatsby-node.js or sometimes some gatsby flags caused issues, so I had to deactivate them, but nothing really big.

I absolutely loved using styled-components and I haven't even been using all of it's features. I hate inline css or having a different file, looking for it, or assigning classes and id's on the HTML components.

Sanity was such a great cms, personally I haven't even used a cms before, not even Wordpress. Sanity is a pretty slick tool that I got to know while doing Wesbos's Master Gatsby course, it is fast, simple and you can do a lot with very little code, even writing this blog using Portable Text was pretty enjoyable, a nice feature. I always thought how the hell I was gonna build or implement a text editor but no, it is just adding it to a little schema and that's it.

React needs no introduction, I have been working with it for some time and it's great, I like it even more than Angular 2+, though there are other libraries that are catching my attention such as Svelte, but I don't have yet a thing that I dislike from React, you just can organize and reuse a lot of components, state and stuff in such a friendly way.

Bottom Line

I hope you enjoy my website, it is open source so you can thrash me for my code and my decisions lol. If you want to improve it or advise me of something, open an issue or even better make a PR.