At the moment, our blog application is a so-called single-page application. However, most larger apps consist of multiple pages. In a blog app, we at least want to have a separate page for each blog post.
Before we can set up routing, we need to create the various pages that we want to render. In our blog app, we are going to define the following pages:
- A home page, which will display a list of all posts
- A post page, which will display a single post
All pages will show a HeaderBar, which renders the Header, UserBar, ChangeTheme, and CreatePost components. We are now going to start by creating a component for the HeaderBar. Afterward, we are going to implement the page components.
