What is client side routing in Angular, and how do you define basic routes?

Client side routing lets a user navigate between different pages, called views, of a single page app without the browser actually reloading the page from the server every single time. You define routes as an array of path and component pairs, telling Angular which component to display for each specific web address.

const routes: Routes = [
  { path: '', component: HomeComponent },
  { path: 'about', component: AboutComponent }
];

bootstrapApplication(AppComponent, {
  providers: [provideRouter(routes)]
});