Wordpress is an awesome 😍 platform for blogging 📖 and dynamic websites that powers more than 29% of the website on the internet 🌐. Previously I used to run my website on Wordpress. But recently I migrated my website and blog from Wordpress to Gatsby.
So is wordpress bad and I decided to migrate my website 🤔 ?
No absolutely not. That would be stupid to say Wordpress is bad. In fact, I believe it is a wonderful platform to build websites without much technical knowledge.
Wordpress is powered by
render-page.js. It's a full-fledged platform that is good for blogging, marketing, creating dynamic websites and even supports eCommerce websites for small businesses. There are many plugins that are available for WordPress for different purposes and can be integrated with it very well.
What is wordpress ?
Wordpress is an
opensource content management system that is built on top of
PHP and a
MySql database. It gives a lot of flexibility to build dynamic websites and there are millions of themes and plugins available for Wordpress that makes it easy for anyone to build websites without much technical knowledge. You can get your website rolling over a night by using the ready made themes that are available out there. There are plenty of
Wordpress hosting systems out there that take care of your deployment as well.
Then What's Gatsby ?
Gatsby is a static page generator that takes data from various data sources and produces
graphql API's that can be consumed by the frontend and once the build is taken the static pages are generated for the dynamic data. More over it's a framework built on top of
ReactJS that takes care of lot of challenges while building
react application. The most common data source that I use is transforming the markdowns into graphql data using the
gatsby-transformer-remark plugin. Gatsby can also take data from sources like Wordpress and other CMS like drupal, contentful, etc. In short Gatsby’s data plugin ecosystem lets you build sites with the data you want — from one or many sources: get data from SaaS services, headless CMSs, APIs, databases, your file system, and more directly into your pages using GraphQL .
Gatsby has a lot of plugins that can be used for various other purposes. But you need to be a bit of a coding geek to work with
Why I migrated to gatsby?
Performance in mind
The first reason was keeping the performance of my web application in mind. Since gatsby is a single page application and serves mostly statically generated pages the performance is quite good with minimal deployment charges. Gatsby also optimizes the images that it serves. It also takes care of
Cost of deployment
The cost of deploying a gatsby application is way cheaper than a WordPress application.
Netlifyprovides a free deployment plan with
HTTPSencryption. Suppose we are hosting a Wordpress application we need considerably a good server with a
MySqldatabase. So the cost will be a bit higher for this setup.
I'm a developer
Since I'm a developer I could build the gatsby theme from scratch with a bit of
Github. So whenever I need to deploy some changes I just need to commit to my master branch and the deployment will be taken care of by the CI/CD setup of
Netlify. I'm also comfortable writing the markdowns for my blog which is dynamic.
SEO is also taken care
One important thing for me was branding my name
Rolwin Reevanover the internet. For this all the factors of SEO had to be taken care which is a bit challenging. Since gatsby renders static pages the performance is good, which enhances the
SEOas well. There are plugins for SEO in gatsby. Server-Side-Rendering (
SSR) is also supported by gatsby.
Gatsby satisfies my use-case
Most importantly gatsby was satisfying my use-case with minimal cost. My use-case before building my website was a static landing page and a dynamic blog. Even
Wordpresssatisfies this use-case very well, but like I told the cost of deployment is higher for WordPress than a gatsby application and moreover I didn't want all the features that WordPress provides.
When to go for wordpress and when to go for gatsby?
So It depends on the use-case when to go for Gatsby and When to go for Wordpress
- If cost is not much of your concern and ease of use is your concern then going for wordpress is a good idea. Because Wordpress involves a lot of plugins like wp-bakery, yoast, etc, that makes drag and drop functionality and SEO easier. If cost is your concern and you are ready for some little hard work you can go for Gatsby.
- If you are planning for an online e-commerce application for small businesses with email marketing then Wordpress is probably a better solution than Gatsby I believe. The reason is you can build an e-commerce website easily with Wordpress. There are many plugins and themes that are available to set up an e-commerce website with Wordpress and you can easily keep track of your leads. The most commonly used Wordpress plugin for e-commerce application is
- SEO and Performance in mind with minimal cost then
Gatsbyis the solution you can build a SPA and PWA applications easily with
Gatsby. Even Wordpress has some cool plugins like
Yoastfor SEO and there are some very good flexibility while using Wordpress enhancing the SEO without much technical knowledge but you need a very good server to keep the performance of the
Wordpresssite up. If SEO is your concern then you should make sure that your site renders in less then 3 seconds.
Building a Gatsby application
There are plenty of different ways to build gatsby websites. To start with you can look into official gatsby docs and the tutorials on their site. There are also a list of plugins that can help you to develop your site faster. For more comparision about Wordpress with Gatsby you can check this link. You can go through the starters which are available over the internet. I have also open-sourced my website Rolwin Reevan on my Github page. You can use this starter to build your portfolio. I have put in a lot of effort to build this starter. So please make sure you give a star for this repo.