diff --git a/apps/mfe1/src/app/app.component.ts b/apps/mfe1/src/app/app.component.ts
index 0105768b..ad8754bb 100644
--- a/apps/mfe1/src/app/app.component.ts
+++ b/apps/mfe1/src/app/app.component.ts
@@ -1,9 +1,11 @@
 import { Component } from '@angular/core';
+import { NxWelcomeComponent } from './nx-welcome.component';
 
 @Component({
   selector: 'angular-architects-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css'],
+  imports: [NxWelcomeComponent],
 })
 export class AppComponent {
   title = 'mfe1';
diff --git a/apps/mfe1/src/app/app.module.ts b/apps/mfe1/src/app/app.module.ts
deleted file mode 100644
index 7f240f85..00000000
--- a/apps/mfe1/src/app/app.module.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { NgModule } from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
-
-import { AppComponent } from './app.component';
-import { DemoComponent } from './demo/demo.component';
-import { NxWelcomeComponent } from './nx-welcome.component';
-
-@NgModule({
-  declarations: [AppComponent, NxWelcomeComponent],
-  imports: [BrowserModule, DemoComponent],
-  providers: [],
-  bootstrap: [AppComponent],
-})
-export class AppModule {}
diff --git a/apps/mfe1/src/app/demo/demo.component.ts b/apps/mfe1/src/app/demo/demo.component.ts
index 10082799..88c8a0e2 100644
--- a/apps/mfe1/src/app/demo/demo.component.ts
+++ b/apps/mfe1/src/app/demo/demo.component.ts
@@ -1,7 +1,4 @@
-import {
-  AuthService,
-  PlaygroundLibModule,
-} from '@angular-architects/playground-lib';
+import { AuthService } from '@angular-architects/playground-lib';
 import { CommonModule } from '@angular/common';
 import { Component } from '@angular/core';
 
@@ -10,7 +7,7 @@ import { Component } from '@angular/core';
   selector: 'angular-architects-demo',
   templateUrl: './demo.component.html',
   styleUrls: ['./demo.component.css'],
-  imports: [CommonModule, PlaygroundLibModule],
+  imports: [CommonModule],
 })
 export class DemoComponent {
   title = 'Hallo';
diff --git a/apps/mfe1/src/bootstrap.ts b/apps/mfe1/src/bootstrap.ts
index d9a2e7e4..934452b0 100644
--- a/apps/mfe1/src/bootstrap.ts
+++ b/apps/mfe1/src/bootstrap.ts
@@ -1,13 +1,11 @@
 import { enableProdMode } from '@angular/core';
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
-import { AppModule } from './app/app.module';
+import { bootstrapApplication } from '@angular/platform-browser';
+import { AppComponent } from './app/app.component';
 import { environment } from './environments/environment';
 
 if (environment.production) {
   enableProdMode();
 }
 
-platformBrowserDynamic()
-  .bootstrapModule(AppModule)
-  .catch((err) => console.error(err));
+bootstrapApplication(AppComponent).catch(console.error);
diff --git a/apps/mfe2/src/app/app.component.ts b/apps/mfe2/src/app/app.component.ts
index 4e815404..4c079ce0 100644
--- a/apps/mfe2/src/app/app.component.ts
+++ b/apps/mfe2/src/app/app.component.ts
@@ -1,9 +1,11 @@
 import { Component } from '@angular/core';
+import { NxWelcomeComponent } from './nx-welcome.component';
 
 @Component({
   selector: 'angular-architects-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css'],
+  imports: [NxWelcomeComponent],
 })
 export class AppComponent {
   title = 'mfe2';
diff --git a/apps/mfe2/src/app/app.module.ts b/apps/mfe2/src/app/app.module.ts
deleted file mode 100644
index ca4cff2f..00000000
--- a/apps/mfe2/src/app/app.module.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { NgModule } from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
-
-import { AppComponent } from './app.component';
-import { NxWelcomeComponent } from './nx-welcome.component';
-
-@NgModule({
-  declarations: [AppComponent, NxWelcomeComponent],
-  imports: [BrowserModule],
-  providers: [],
-  bootstrap: [AppComponent],
-})
-export class AppModule {}
diff --git a/apps/mfe2/src/bootstrap.ts b/apps/mfe2/src/bootstrap.ts
index d9a2e7e4..934452b0 100644
--- a/apps/mfe2/src/bootstrap.ts
+++ b/apps/mfe2/src/bootstrap.ts
@@ -1,13 +1,11 @@
 import { enableProdMode } from '@angular/core';
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
-import { AppModule } from './app/app.module';
+import { bootstrapApplication } from '@angular/platform-browser';
+import { AppComponent } from './app/app.component';
 import { environment } from './environments/environment';
 
 if (environment.production) {
   enableProdMode();
 }
 
-platformBrowserDynamic()
-  .bootstrapModule(AppModule)
-  .catch((err) => console.error(err));
+bootstrapApplication(AppComponent).catch(console.error);
diff --git a/apps/playground/src/app/app.module.ts b/apps/playground/src/app/app.module.ts
deleted file mode 100644
index 7bcb9e9a..00000000
--- a/apps/playground/src/app/app.module.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { NgModule } from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
-
-import { AppComponent } from './app.component';
-
-@NgModule({
-  declarations: [AppComponent],
-  imports: [BrowserModule],
-  providers: [],
-  bootstrap: [AppComponent],
-})
-export class AppModule {}
diff --git a/apps/playground/src/bootstrap.ts b/apps/playground/src/bootstrap.ts
index d9a2e7e4..934452b0 100644
--- a/apps/playground/src/bootstrap.ts
+++ b/apps/playground/src/bootstrap.ts
@@ -1,13 +1,11 @@
 import { enableProdMode } from '@angular/core';
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
-import { AppModule } from './app/app.module';
+import { bootstrapApplication } from '@angular/platform-browser';
+import { AppComponent } from './app/app.component';
 import { environment } from './environments/environment';
 
 if (environment.production) {
   enableProdMode();
 }
 
-platformBrowserDynamic()
-  .bootstrapModule(AppModule)
-  .catch((err) => console.error(err));
+bootstrapApplication(AppComponent).catch(console.error);
diff --git a/libs/playground-lib/src/index.ts b/libs/playground-lib/src/index.ts
index 15460d4d..9d114ad6 100644
--- a/libs/playground-lib/src/index.ts
+++ b/libs/playground-lib/src/index.ts
@@ -1,3 +1,2 @@
-export * from './lib/playground-lib.module';
-export * from './lib/auth.service';
 export * from './lib/auth.component';
+export * from './lib/auth.service';
diff --git a/libs/playground-lib/src/lib/playground-lib.module.ts b/libs/playground-lib/src/lib/playground-lib.module.ts
deleted file mode 100644
index 278feb1e..00000000
--- a/libs/playground-lib/src/lib/playground-lib.module.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { AuthComponent } from './auth.component';
-
-@NgModule({
-  imports: [CommonModule],
-  declarations: [AuthComponent],
-  exports: [AuthComponent],
-})
-export class PlaygroundLibModule {}