Last September I wrote a post detailing how I went about re-building this website with AngularJS backed by WordPress. That write-up was a high-level discussion on my choice of tools, design decisions, and lessons learned, rather than specific implementation details. The article proved to be one of the more popular I’ve written so far, and I’ve since received many requests to make the source code publicly available.
In response to this interest, I decided to put together a bare-bones version of the code that is running this blog: angular-wordpress-seed. Go check it out on GitHub!
All the tools I described in the original post are used: namely AngularJS, WordPress, WP-API, Gulp and PureCSS. The Gulpfile is pretty full-featured: it’ll live-build both a development and distribution version of the app simultaneously (the speed of Gulp over Grunt was something I highlighted previously) and do all the expected things like annotate your Angular code, jsHint, minification, concatenation, live reloading and so on.
Instructions on how to get it set up are included in the repo’s readme, but it’s pretty simple and following my own instructions I was able to set up both the WordPress & Rest API and the client app from scratch in less than 10 minutes.
Resources
- angular-wordpress-seed repo on GitHub
- Live demo of the project (using my own WordPress instance as a data source)
- Experiences Building a Website with AngularJS + WP-API (WordPress API) [the original article]