Ionic React with WordPress example

Just try the demo site

You can deploy the demo site to the following services.

Getting started

$ git clone [email protected]:getshifter/ionic-react-wordpress.git
$ cd ionic-react-wordpress 
$ npm install
$ npm start

Use own WordPress

General configuration file is src/config.ts. You can update properties for your WordPress site.

class Config {
    get postURLPrefix() {
        return 'news'
    }
    get pageURLPrefix() {
        return ''
    }
    get wordpressURL() {
        return'https://central.wordcamp.org/wp-json'
    }
    get wpClient() {
        return new wp({
            endpoint: this.wordpressURL
        })
    }
}

Production build

$ npm run build

Desktop application

We can run it as a Desktop application

$ yarn run build && npx cap copy
$ npx cap open electron

Build for Desktop

$ yarn run build && npx cap copy
$ cd electron
$ npx electron-packager . sample --platform=darwin --arch=x64
$ open ./sample-darwin-x64