Why I Upgraded My Website to GatsbyJS from Jekyll

Jia Hao Goh shares his journey of upgrading his personal website from Jekyll to GatsbyJS, highlighting the motivations and benefits of the transition. Initially built as a single-page React application, his site faced issues with content coupling, slow loading times, and limited blogging functionality. Switching to Jekyll provided a minimal and lightweight solution with clear content-design separation, but complex workflows involving CSS preprocessing and JavaScript integration posed challenges. Discovering Gatsby, a React-based static site generator, offered a more fitting solution, allowing him to leverage modern web development tools and create a highly interactive site without relying solely on JavaScript. Gatsby's use of GraphQL queries, server-side rendering, and a robust plugin ecosystem enables efficient content management and fast page loads, making it an ideal choice for developers seeking to blend static site benefits with dynamic application features.