dreyskee / wp-api-react

This boilerplate will help you use React JS with Wordpress REST API.

Wordpress REST API + React JS

This boilerplate will help you use React JS with Wordpress REST API. Clone the project and install node packages:

npm i

To run the project on localhost:8080:

npm start

To build the project into /build folder:

npm run build

You need to have webpack and webpack-dev-server installed globally:

• webpack

npm install -g webpack

• webpack-dev-server

npm install -g webpack-dev-server

Don't forget to update the Worpress installation url in DataActions.js. It's located in src/actions/DataActions.js line 7

class DataActions {
	constructor() {
		const appUrl = 'http://andreypokrovskiy.com/projects/wp-api'; // Wordpress installation url
	}

wp-api-react's Issues

CORS

Hi I'm having issues with CORS running from localhost:8080, there is any well known bypass to this? thanks for your help.

Failed to load http://xxx.com/blog/wp-json/wp/v2/pages: Redirect from 'http://xxx.com/blog/wp-json/wp/v2/pages' to 'http://www.maquinavisual.com/blog/wp-json/wp/v2/pages' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access.

Getting page slug dynamically

When visiting a slug without a page template/component, no content is shown. (e.g. site.com/my-custom-page) How can we get page specific data dynamically without creating a page component and manually providing current page slug?

How to run the production code?

I'm using npm run build, but am I supposed to just use the index.html file that's created inside the build folder? Or do I need to run another webpack command after to boot it up? I'm trying to deploy it to heroku