Finally! I have finished working on the first version of my portfolio and I feel good. I had been thinking to build my portfolio for the last two years but never really worked on it. Last week I started searching for the ways to build it and I came across Gatsby, a framework to build static websites. Of course one can simply use HTML, CSS, and JS to do the job but I wanted to learn something new. I saw people using the word Gatsby a lot online and I wanted to try it. This was the great opportunity and I grabbed it. One more advantage with Gatsby is, it is based on React which meant I could improve my React skills along with finishing my portfolio.
Here is the link to my portfolio: https://portfolio-8b931.firebaseapp.com/ (I don't have a domain yet, but that's next thing on the list)
- A new framework, Gatsby
- CSS modules (Component scoped CSS)
- Hosting a website on firebase
- FormCarry, to handle contact me form without backend
- using CSS modules
There are many ways to add styles to your website but Gatsby recommends CSS Modules for beginners and I took their word for it.
Initially I had issues with styles being not applied to my components until I found this note.
I was using dashes in my CSS class names but was not using them in camelcase format in my components. Once I figured that out everything else went quite smooth.
Please check out my portfolio and feel free to leave any comment here, I would love to get some feedback.