How anyone can create a Headless WordPress site by using React as a front-end, and yes without using any third-party WordPress plugin. https://wpwebinfotech.com/blog/headless-wordpress-react/
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
How to Create a Headless WordPress Site with ReactJs.pdf
1. HOW ANYONE CAN CREATE A
HEADLESS WORDPRESS SITE
BY USING REACT AS A FRONT-
END, AND YES WITHOUT USING
ANY THIRD-PARTY WORDPRESS
PLUGIN.
HOW TO CREATE A
HEADLESS
WORDPRESS SITE
WITH REACTJS
2. With the help of Rest API which allows the developers to interact with cross-
technology interfaces as long as both of them are speaking the JSON language
LET’S DIVE INTO SOME TECHNICAL ASPECTS OF WHAT A HEADLESS WORDPRESS IS,
NOW THAT WE UNDERSTAND WHAT IT IS.
WHAT IS HEADLESS WORDPRESS?
“Headless” architecture of the website, the platform’s front end is canceled,
leaving only the back end and the API running on the server-side.
3. The data that comes out with the help of Rest API is in JSON format, and
JSON is the most loved format known by almost every web technology.
JSON is a text-based representation of JavaScript objects which contains
data in key-value pairs.
4. THE BENEFITS OF
USING HEADLESS
WORDPRESS CMS
1. It can be used on a wide range of devices,
such as tablets, PCs, and smartphones.
2. WordPress makes it easier to manage and
less heavy.
3. It is very stable and very fast.
4.
A headless WordPress powered by React
allows the platform’s needs and updates to
change over time.
5. HOW TO SET UP A WORDPRESS SITE
WITH REACTJS
Let’s begin with setting up the WordPress site, as this will act as a data
source for our front-end Reactjs application.
Rest API will be enabled by default. If you want to restrict the Rest API
access then you can use Basic-Auth or Oauth2 authentication method
6. Due to the fact that we will be interacting with APIs, download the chrome
extension for Postman. Once the Postman is installed, open it and enter the
following URL:
7. If you enter the last URL, it will retrieve the posts data that is inside your
WordPress website.