I built BlogNext with these principles in mind:
- To meet all the principles of a Progressive Web Application
- To load, if not instant, under 2 seconds, on every page.
- To be clean, lean and simple (at least on the surface)
The backend is blog.khophi.co (a WordPress CMS), which exposes API endpoints of which the frontend consumes.
As you peruse the code, you should come across features making use of functionalities like
- Angular Animations
- The use of
@Ouputfor component interactions
- Handling offline mode
- Code reusability
- HTTP Service
- Infinite scrolling
- Web Share API
- Caching content for offline viewing
You can see the live demo currently running at KhoPhi.Blog.
You might be interested in playing with BlogNext on your local machine pulling data from your WordPress blog. Or perhaps even go live with it.
For local development, see the steps below. For hosting online, check out the process in this blog post on KhoPhi's Dev Blog.
- Git clone this repository
cd blognext && npm install
- In the
blognext/src/app/utils/constants.tsfile, replace the
DOMAIN_NAMEwith your own. You could still maintain mine, if you don't have a WordPress running.
- In the
ng serveto start the local server.
- Open localhost:4200 in the browser to view.
Contribution are always welcome. Suggestions? Feedback? Send them in, preferrably via the Issues section. Raise an Issue, and I'll consider them.
Pull Requests too are welcome.
Rexford Nkansah 2018 firstname.lastname@example.org