some more boiler plate

libs/frontend/root/src/config/app.config.ts

@@ -3,19 +3,26 @@ import {
   PLATFORM_ID,
   provideZoneChangeDetection,
 } from '@angular/core';
-import { provideRouter } from '@angular/router';
+import { provideRouter, withViewTransitions } from '@angular/router';
 import { appRoutes } from './app.routes';
-import { provideClientHydration } from '@angular/platform-browser';
+import {
+  provideClientHydration,
+  withHttpTransferCacheOptions,
+} from '@angular/platform-browser';
 import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
 import { provideHttpClient, withFetch } from '@angular/common/http';
 import { BASE_URL } from '@app/frontend-utils';
 import { isPlatformBrowser } from '@angular/common';
 
 export const appConfig: ApplicationConfig = {
   providers: [
-    provideClientHydration(),
+    provideClientHydration(
+      withHttpTransferCacheOptions({
+        includePostRequests: true,
+      }),
+    ),
     provideZoneChangeDetection({ eventCoalescing: true }),
-    provideRouter(appRoutes),
+    provideRouter(appRoutes, withViewTransitions()),
     provideAnimationsAsync(),
     provideHttpClient(withFetch()),
     {

libs/frontend/root/src/root/root.component.html

@@ -3,7 +3,7 @@
     <button mat-icon-button (click)="snav.toggle()" aria-label="Open/Close sidenav">
       <mat-icon>menu</mat-icon>
     </button>
-    <h1 class="app-name">Responsive App</h1>
+    <h1 class="app-name">Material + Nestjs!</h1>
   </mat-toolbar>
 
   <mat-sidenav-container class="sidenav-container">

libs/frontend/root/src/root/root.component.spec.ts

@@ -1,19 +1,23 @@
 import { provideHttpClient } from '@angular/common/http';
 import { TestBed } from '@angular/core/testing';
 import { RootComponent } from './root.component';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
+import { RouterModule } from '@angular/router';
 
 describe('RootComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       providers: [provideHttpClient()],
-      imports: [RootComponent],
+      imports: [RootComponent, NoopAnimationsModule, RouterModule.forRoot([])],
     }).compileComponents();
   });
 
   it('should render title', () => {
     const fixture = TestBed.createComponent(RootComponent);
     fixture.detectChanges();
     const compiled = fixture.nativeElement as HTMLElement;
-    expect(compiled.querySelector('h1')?.textContent).toContain('Welcome app');
+    expect(compiled.querySelector('h1')?.textContent).toContain(
+      'Material + Nestjs!',
+    );
   });
 });