In this chapter, we will create a personal blog using Angular. We will create it as a single- page application (SPA) using Angular Router. SPAs have the benefit of loading most of an application on their initial load, which is crucial when you are browsing a website. When going from one page to another, an SPA doesn't have to download the whole page; instead, it requests the required API for the page, which is way faster. You will also learn how to configure multiple environments for the project, optimize the SPA using lazy loading routes, and animate routes and elements in Angular applications.

The following topics will be covered in this chapter:

• Setting up a WordPress server
• Setting up an Angular project with the Angular CLI
• Adding multiple routes to our application
• Calling the WordPress API 
• Implementing the lazy loading route
• Introducing pre-loading strategy
• Adding animations