This is the second iteration of my personal portfolio & blog site built using Gatsby and hosted on Netlify.
Disclaimer: I did not build this entire site from scratch. Instead, I used Ramón Morcillo's open-sourced website which was built from the Gatsby's default starter.
- Gatsby: React-based open source framework for creating websites and apps.
- React: Javascript library for building User Interfaces.
- TypeScript: Microsoft's open-source Type-safe language that compiles to JavaScript.
- Styled-Components: CSS in JS Library for the styles.
- GraphQL: The query language used to access the data with Gatsby.
- ESlint: To find and fix problems in your JavaScript code. Although Prettier was used to format files now the linter
fix
option does it. - GitHub Actions: GitHub's Continuous Integration & Delivery tool.
- Renovate: Free, open-source app to automate the update of dependencies.
- GitHub Issues and Pull Requests Templates: Templates to submit new Issues and Pull Requests.
Colour | Hex |
---|---|
Primary | #255799 |
Primary Light | #5b98e8 |
Primary Dark | #090f17 |
Secondary | #ebc86e |
Secondary Light | #f6dea5 |
Secondary Dark | #6b6349 |
- Ramón Morcillo for making his website's codes fully open-sourced.
- Jeff Rafter and his post about Building a Static Gatsby-based Website with TypeScript helped me a lot with the setup at the beginning of the project.
- Michele Mazzuco and his site which inspired me to style this one.