Purpose
Needed a simple markdown blog platform that could also serve as an online presence for my projects.
Tech involved
- Gatsby - I had experience with static site generators in the past, namely Jekyll and Middleman, both being Ruby frameworks, and enjoyed their modularity and simplicity.
- React - Always been a fan of React's performance from working with it previously.
- GraphQL for querying - This was my first time using the query language. It's a refreshing way to work with data and its schema. Using GraphQL allowed me to expose only the attributes I needed for each component with page-specific queries, and integrated really well with the headmatter in markdown files.
- CSS Grid for view layout
- Netlify - I've been hearing the hype for a while now, and the deploy process with a static site generator structure was probably faster than that of Heroku! Mostly just utilizing its continuous deployment feature (via Git integration) and built-in HTTPS certificate (using LetsEncrypt under the hood). However, if your microservice or app calls for a more functional approach, it can handle hosting a singular function similar to Amazon Lambda.
Takeaways / Improvements
Steps will be taken in the coming weeks to make the site more mobile-friendly.
Image loading and optimization can be improved with the Gatsby plugin gatsby-image, so that's the next logical step to improve already-snappy load times.