This site was incredibly fun to build. I was challenged with implementing true parallax scrolling, along with the ability to update this through a content management system (CMS) of some kind. So with those recommendations I first decided I would use WordPress to power the CMS, since it has an open version and my customer was familiar with it. With WordPress however I was presented with a problem. How do I create the experience of a full page application on the PHP framework in WordPress?
Enter headless WordPress! Basically, I setup an instance of WordPress that negates the entire build-in theming system. I was really only looking for their APIs anyways. I decided the front-end portion of the site would be build with Angular 5. This would give me the advantage of reusable components and I could pull in multiple sources of information into a single “page” (I say “page” because with Angular every page is technically the same page).
So I set up the WordPress backend on Google’s Compute Engine, to allow for scalability if needed. The front-end can basically be hosted anywhere. After all the work I feel the end result turned out incredibly well. This is a truly responsive site built to be completely editable by its owner. I’m really proud of the end result and the customer seems very happy with it.
Visit The Site Here