From f318f614af355c721cf3e7de2abbac2bc0c80ea2 Mon Sep 17 00:00:00 2001
From: ncoronel <ncoronel@quo.ar>
Date: Tue, 18 Aug 2026 17:19:49 -0300
Subject: [PATCH] fix(ssr): render storefront routes under tenant prefixes

---
 src/app/app.routes.ts                         |  7 +++++
 .../pages/route-not-found-page.component.ts   | 27 +++++++++++++++++++
 2 files changed, 34 insertions(+)
 create mode 100644 src/app/shared/pages/route-not-found-page.component.ts

diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts
index 1bf87ad..d4afdd4 100644
--- a/src/app/app.routes.ts
+++ b/src/app/app.routes.ts
@@ -14,5 +14,12 @@ export const routes: Routes = [
   {
     path: '',
     loadChildren: () => import('./features/store/store.routes').then((m) => m.routes)
+  },
+  {
+    path: '**',
+    loadComponent: () =>
+      import('./shared/pages/route-not-found-page.component').then(
+        (m) => m.RouteNotFoundPageComponent,
+      )
   }
 ];
diff --git a/src/app/shared/pages/route-not-found-page.component.ts b/src/app/shared/pages/route-not-found-page.component.ts
new file mode 100644
index 0000000..bcbafb0
--- /dev/null
+++ b/src/app/shared/pages/route-not-found-page.component.ts
@@ -0,0 +1,27 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-route-not-found-page',
+  template: `
+    <main class="route-not-found">
+      <h1>404</h1>
+      <p>No encontramos la página solicitada.</p>
+    </main>
+  `,
+  styles: `
+    .route-not-found {
+      min-height: 100vh;
+      display: grid;
+      place-content: center;
+      gap: 0.5rem;
+      padding: 2rem;
+      text-align: center;
+    }
+
+    h1,
+    p {
+      margin: 0;
+    }
+  `,
+})
+export class RouteNotFoundPageComponent {}