Recently I remade my blog with GatsbyJS. The main reason is that I don't want to create blog by writing html anymore. Gatsby has its support to transformer markdown files into react pages. During the development with GatsbyJS, I find that GatsbyJS is really a treasure box with its plugins, its support for web performance, its logic of focusing on the web content instead of technical details and its focus on the deployment since the beginning of its tutorial. In this article I will talk a bit with my journey with GatsbyJS.
During 5 years, I made 4 versions of my portfolio website. Each new version is pushed by learning of new technology and build tools.
In my internship from pilotfish, I started to learn to use build tools. At that time, gulp is really a hot choice, so my second website is built with gulp with improvement of development experience by gulp. However, ES6 is still not used.
After I learned React, I made my third website with React with the boost of create-react-app. ES6 and react open a new world for front-end development. This portfolio website is also an experiment field to develop new features, like making animations with react pose.
However, the problem with my third portfolio website, is that the structure is complicated just for making a simple blog, for example, it is also not easy to write a blog with html.
When GatsbyJS was recommended again by another developer, I started to think of the possibilities and made demos with it. During the demo, I found that the famous blog from Dan Abramov is also made of GatsbyJS. That's when I decided to remake my website with GatsbyJS.
With GatsbyJS, there are many good practices about web development in the modern world.
GatsbyJS has its ecosystem of plugins. Plugins made the development for new features fast and comfortable. For example, it has React-helmet for SEO, sharp for image quality, google manifest for PWA...
The darkmode is hand-made and I took an idea from here.
GatsbyJS makes it really comfortable to create a website, however, lots of things are hidden behind its configuration like routings, plugins... In real world, Web development is not that easy like with GatsbyJS.
Here is the git repo for this website.
Thank you for reading!