DEV Community

loading...
Cover image for Top 3 Headless CMS Approach for WordPress

Top 3 Headless CMS Approach for WordPress

Santosh Devnath
I am the CTO at NextWebGuru. A long-time developer for PHP and recently sifted to website enhancement tasks. Nowadays learning RecatJS, Frontity, NextJS, PWA, etc.
・3 min read

Writing and managing content with WordPress is a fashion of nowadays. The content writer even doesn't need to talk with the developers to make any changes in their content.

So till now, everything was good and the blogging and news field were happy to write and share the content on the Internet.

But wait wait wait...
image

Nothing is constant in this world, and here google comes and says, hey we are going to give high priority to the top fast loading sites.

Now this becomes very unethical for the content writer because they are masters at writing the content, but how they can increase the site speed?

Because there are many so other programming language or platform to build the website and speed up the site.

But the content writer is already satisfied with WordPress to manage their content. So here headless CMS born.

image

The ultimate purpose of the headless CMS is to give relaxation to the content writer, and they can do whatever they were doing previously.

Now it's time for developers, they have to build a separate UI to speed up the site, while the backend will be still on WordPress.

To creating the front-end there are many options for developers and as an experienced developer, I have my personal 3 best Frameworks. So here is the List

1. Frontity

The best option for WordPress is the Frontity framework. This is specially built for WordPress. And also this is good for content management websites, in my experience, this is not good for complex websites. Because our ultimate purpose is to speed up the site of our blog or news, so we can use this framework.

Here you can see a demo, where I have created the UI, and the most important thing is that you are going to really surprise with the speed.
Here is the link - https://baba-cric-frontity.vercel.app/

2. NextJS

Another best option is NextJS. Here you can build the content site as well as you can add a lot of complex business logic here. NextJS is a framework for the ReactJS. The special thing about NextJS is it automatically builds the AMP version of your site. But creating the frontend is not as easy with this, you need to understand a lot of concepts like Server Side Rendering, Preload, Async, etc.

3. Gatsby

If you have static content, means you update your content after a few time, then this framework is a very good option. Because Gatsby generates a static version of your website, and if you want to update any content on your site, you have to rebuild the site, and then it will be refreshed. If you want to build a news website, then this is not recommended framework for you.

Conclusion

So finally here is the conclusion that if you have a blog or news website in WordPress then you can use Frontity, if you have a content site with few complex logics then you can use NextJS, and finally if you have a static content site or you update your content occasionally then you can use Gatsby.

Anyway, I am always here to help you, even you want to convert your own WordPress site to headless CMS and want to speed up your site, then you can contact me directly, I will really assist you in a very good way.

Email - santoshdevnath15@gmail.com
Whatsapp = Call = Telegram = +91 8077775266

Having enjoyed this article, then share it with your community.

And if you want to read my future articles then you can follow me too.

Discussion (0)