Everyone in the WordPress community seems to be talking about headless WordPress. Decoupling the back end from the front end is set to be a significant part of WordPress’ future, and headless CMS, in general, will become more popular.
Headless WordPress websites: Practical Examples
Here are a few websites that are leading the way towards the future and are already powered by headless WordPress.
One of the most well-known instances of well-known sites utilizing WordPress is TechCrunch. It is hosted on WordPress.com VIP and is one of the most popular technical blogs on the Internet. Their website was entirely rebuilt in 2018. They intended to adopt a best-in-technology approach in addition to thinking about how to make the design more useful and accessible. They did it by building a React/Redux app on top of a decoupled WordPress back end and connecting the two using the REST API.
The advantages they identified in that solution were as follows:
- It is no longer necessary to fully load pages each time.
- It’s a lot easier to keep up with.
- Improved performance
- The website acts more like a native application.
Work & Co and Human-Made collaborated on the website. For a long time, the latter has been at the forefront of headless WordPress.
The Guggenheim Museum
The Guggenheim Museum, one of the world’s most recognized museums, picked WordPress as their content management system for their 2016 web makeover. Not only that, but they chose a decoupled version of the CMS with an AngularJS front end as well. Alley Interactive was in charge of the whole thing, and they used the REST API as normal. They also utilized new post types and Fieldmanager to generate different needed data objects to make everything work. Reduced loading time and the flexibility to support a complex site and information architecture were two of the primary benefits they discovered with this strategy.
Frontity is a dynamic framework for utilizing a React.js front end with headless WordPress development. Luis Herranz, co-founder, and lead developer delivered a lecture at online WordCamp Europe 2020 about what headless WordPress is, why it’s a smart idea to use it with React, and the remaining problems of decoupled WordPress.Naturally, the Frontity homepage is constructed in the manner indicated, and it is entirely maintained using the Gutenberg editor!
Another example of a WordPress backend with a single-page React frontend. Human Made appears to have assisted with this as well, as seen by their case study. It also includes a Node.js server for quicker rendering on both the server and client sides. Here’s a diagram that’s simple to understand: A custom page builder is also available on the site, which allows authors to insert material in a modular manner. The data is then supplied to the front end as JSON data via API endpoints.
Beachbody on Demand
The Fastvert as you can understand via name provider faster website with the front end of this headless WordPress example is powered by AngularJS. This setup enables smooth transitions from one page to the next. On the main page, there are a lot of transitions and animations, including some cool scrolling effects. According to Mark Llobera of Bluecadet, the website’s creator, the site was first developed in 2015 with the aid of the JSON API plugin. It’s safe to presume that it’s now using the merged API’s built-in endpoints.
Facebook Brand Resource Center
It’s a website that serves as a style guide for the usage of the social network’s brand assets. It also happens to be an example of a headless WordPress website.It has a really interesting and open style that adapts when you click through to any of their brand websites, much like the other entries. When you click about on the subpages, you’ll see that just portions of the page load. The menu and other static components remain visible on the screen. I particularly enjoy the smooth scrolling effects that appear while utilizing the left-side menus, as well as the nice tiny animations that appear when you hover over the Submit a request button.
Author Bio:-MR Gerry is a full-time content writer who likes to write about various technologies like WordPress development and WordPress plugin integration. He also owns a free guest posting sites list for author publications.