Redirect Front-end to Login | Headless WP

Using WordPress entirely as a CMS (a Headless WordPress) is a plausible option for people building web apps using technologies such as React JS or Angular JS to entirely build their front-end.

Doing this, the front-end (e.g. built with React) becomes decoupled from the back-end (e.g. WordPress). Since WordPress is being used strictly to manage and serve the content via REST API, the WP front-end becomes unusable and unnecessary – hence the term “headless WordPress”.

This plugin essentially removes the front-end of WordPress.

Note that the REST API, and other non-front-end stuff should work as normal.

Features

• No settings page
• Allows backend access
• Allows REST API endpoints
• Redirects (403 Forbidden) all front-end pages to the login page

1. Head over to Plugins > Add New in the admin
2. Search for “Headless WP”
3. Install & activate the plugin
4. Now your entire front-end (aside from the login page) will become inaccessible.

Installation Instructions

1. Head over to Plugins > Add New in the admin
2. Search for “Headless WP”
3. Install & activate the plugin
4. Now your entire front-end (aside from the login page) will become inaccessible.

How do I use WordPress with React?

J.C. Hiatt has an awesome post about it in Medium: Headless WordPress with React

What is React JS?

I learned React from an article by Per Harald Borgen in Medium called Learn React.JS in 8 Minutes