shawnbaek-WPTheme

React based Wordpress Theme Starter

Live Demo

Save your time. This project is aiming for development Wordpress theme who are not familiar with PHP languages. I set up most popular front-end libraries like a Bootstrap, Lodash, Webpack, React, SASS and More!

Focus on Design: Typography Vertical Rhythm

I set up vertical rhythm using gridlover's rule using SASS.

https://www.gridlover.net/

Libraries

webpack
react.js
react router v4
react router dom
bootstrap v4 beta2
Advanced Custom Field
wordpress rest api
advanced custom field (Wordpress Plugin)

Wordpress Setup

Development Settings

Build

npm run build

Product Build

npm run production

Test

Install Wordpress locally using MAMP, Wordpress Official Install Guide
clone this repository at wordpress -> wp-content -> themes -> shawnbaek-WPTheme
set theme and activate

npm run watch

TODO

react-router Sub Route
fix bootstrap navbar collapse problem
SEO

Server Side Rendering?

No. I'm going to find a better way to improve SEO without SSR. The Wordpress is not supporting both node.js and express.js.

Any Questions?

email me at shawn@shawnbaek.com

pbrocks/shawnbaek-WPTheme