Skip to content
A React based WordPress theme bootstrapped with create-react-wptheme.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

This project was bootstrapped with Create React WP Theme.

I went through this tutorial:

How To Build A Skin For Your Web App With React And WordPress

...only up to the "posts" part. I haven't yet gotten to the wooCommerce part of the tutorial.

To use:

First off, the tutorial author has you make some changes to your WordPress settings.
Quoting the tutorial:


For the theme to work correctly, we have to set the following permalinks within:
    -   Dashboard → Settings → Permalinks:

    -   Under Common Settings → Custom Structure: /posts/%postname%/

And if you want to do the wooCommerce part of the tutorial:
    -   Under Product permalinks → Custom base: /products/

If you don’t set the permalinks as above, the theme may not function as desired.

Then to get the Celestial theme installed from Github:

cd /your/wordpress/themes/folder
git clone
rename create-react-wptheme-example-celestial celestial
cd celestial
cd react-src

Open package.json in your favorite text editor.
Check the value for "homepage" -- should be relative **URL PATH** (i.e. starting from server root) to your "celestial" theme folder
Check value for "browserLaunchTo" -- should be the full URL to your WordPress server root... the WP site running your celestial theme.

Go to your WordPress Admin area and set "Celestial" as your active theme.

Back at your command prompt, type:

npm install
npm run start

The original Github repo for the Celestial theme is located here: Celestial WordPress theme

You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.