diff --git a/packages/stack/src/schematics/init/__snapshots__/schematic-init.spec.ts.snap b/packages/stack/src/schematics/init/__snapshots__/schematic-init.spec.ts.snap
index 4b2ff659..6c7d381a 100644
--- a/packages/stack/src/schematics/init/__snapshots__/schematic-init.spec.ts.snap
+++ b/packages/stack/src/schematics/init/__snapshots__/schematic-init.spec.ts.snap
@@ -2026,6 +2026,7 @@ exports[`init schematic should run successfully 4`] = `
     \\"docker:build\\": \\"docker build . -t nxpm/api\\",
     \\"docker:run\\": \\"docker run -it -p 8000:3000 nxpm/api\\",
     \\"docker:push\\": \\"docker push nxpm/api\\",
+    \\"dev:db\\": \\"docker-compose up\\",
     \\"postinstall\\": \\"ngcc --properties es2015 browser module main --first-only --create-ivy-entry-points\\",
     \\"e2e\\": \\"ng e2e\\"
   },
diff --git a/packages/stack/src/schematics/init/schematic-init.ts b/packages/stack/src/schematics/init/schematic-init.ts
index 6e8f8828..b3fd4508 100644
--- a/packages/stack/src/schematics/init/schematic-init.ts
+++ b/packages/stack/src/schematics/init/schematic-init.ts
@@ -136,6 +136,7 @@ export default function (options: InitSchematicSchema): Rule {
       mobile: { tech: mobileTech, project: mobileName },
       web: { tech: webTech, project: webName },
     }),
+    addRunScript('dev:db', `docker-compose up`, true),
     addRunScript('docker:push', `docker push ${normalizedOptions.npmScope}/${apiName}`, true),
     addRunScript('docker:run', `docker run -it -p 8000:3000 ${normalizedOptions.npmScope}/${apiName}`, true),
     addRunScript('docker:build', `docker build . -t ${normalizedOptions.npmScope}/${apiName}`, true),
diff --git a/packages/stack/src/schematics/mobile-ui-libs/__snapshots__/schematic-mobile-ui-libs.spec.ts.snap b/packages/stack/src/schematics/mobile-ui-libs/__snapshots__/schematic-mobile-ui-libs.spec.ts.snap
index 511213e1..fbfb63d0 100644
--- a/packages/stack/src/schematics/mobile-ui-libs/__snapshots__/schematic-mobile-ui-libs.spec.ts.snap
+++ b/packages/stack/src/schematics/mobile-ui-libs/__snapshots__/schematic-mobile-ui-libs.spec.ts.snap
@@ -21,10 +21,10 @@ exports[`mobile-ui-libs schematic should run successfully 2`] = `
 @Component({
   selector: 'ui-button',
   template: \`
-    <ng-container *ngIf=\\"routerLink\\">
-      <ion-button [routerLink]=\\"routerLink\\" fill=\\"outline\\" [class]=\\"classes\\">{{ label }}</ion-button>
+    <ng-container *ngIf=\\"link\\">
+      <ion-button [routerLink]=\\"link\\" fill=\\"outline\\" [class]=\\"classes\\">{{ label }}</ion-button>
     </ng-container>
-    <ng-container *ngIf=\\"!routerLink\\">
+    <ng-container *ngIf=\\"!link\\">
       <ion-button (click)=\\"handler.emit($event)\\" [disabled]=\\"disabled\\" [type]=\\"type\\" [class]=\\"classes\\" fill=\\"outline\\">{{
         label
       }}</ion-button>
@@ -32,7 +32,7 @@ exports[`mobile-ui-libs schematic should run successfully 2`] = `
   \`,
 })
 export class TestUiButtonComponent {
-  @Input() routerLink?: string
+  @Input() link?: string
   @Input() disabled?: boolean
   @Input() label: string
   @Input() type = 'button'
@@ -431,7 +431,7 @@ exports[`mobile-ui-libs schematic should run successfully 15`] = `
       <div class=\\"\\">
         {{ title }}
       </div>
-      <ui-button [label]=\\"linkTitle\\" [routerLink]=\\"linkPath\\"></ui-button>
+      <ui-button [label]=\\"linkTitle\\" [link]=\\"linkPath\\"></ui-button>
     </div>
   \`,
 })
diff --git a/packages/stack/src/schematics/mobile-ui-libs/files/button/ionic-angular/src/lib/__projectName__.component.ts__tmpl__ b/packages/stack/src/schematics/mobile-ui-libs/files/button/ionic-angular/src/lib/__projectName__.component.ts__tmpl__
index ef5b3b8f..d948411d 100644
--- a/packages/stack/src/schematics/mobile-ui-libs/files/button/ionic-angular/src/lib/__projectName__.component.ts__tmpl__
+++ b/packages/stack/src/schematics/mobile-ui-libs/files/button/ionic-angular/src/lib/__projectName__.component.ts__tmpl__
@@ -3,16 +3,16 @@ import { Component, EventEmitter, Input, Output } from '@angular/core'
 @Component({
   selector: 'ui-button',
   template: `
-    <ng-container *ngIf="routerLink">
-      <ion-button [routerLink]="routerLink" fill="outline" [class]="classes">{{label}}</ion-button>
+    <ng-container *ngIf="link">
+      <ion-button [routerLink]="link" fill="outline" [class]="classes">{{label}}</ion-button>
     </ng-container>
-    <ng-container *ngIf="!routerLink">
+    <ng-container *ngIf="!link">
       <ion-button (click)="handler.emit($event)"  [disabled]="disabled" [type]="type"  [class]="classes" fill="outline">{{label}}</ion-button>
     </ng-container>
   `,
 })
 export class <%= classify(projectName) %>Component {
-  @Input() routerLink?: string
+  @Input() link?: string
   @Input() disabled?: boolean
   @Input() label: string
   @Input() type = 'button'
diff --git a/packages/stack/src/schematics/mobile-ui-libs/files/page-header/ionic-angular/src/lib/__projectName__.component.ts__tmpl__ b/packages/stack/src/schematics/mobile-ui-libs/files/page-header/ionic-angular/src/lib/__projectName__.component.ts__tmpl__
index 8283a174..5b047415 100644
--- a/packages/stack/src/schematics/mobile-ui-libs/files/page-header/ionic-angular/src/lib/__projectName__.component.ts__tmpl__
+++ b/packages/stack/src/schematics/mobile-ui-libs/files/page-header/ionic-angular/src/lib/__projectName__.component.ts__tmpl__
@@ -7,7 +7,7 @@ import { Component, Input } from '@angular/core'
       <div class="">
         {{ title }}
       </div>
-      <ui-button [label]="linkTitle" [routerLink]="linkPath"></ui-button>
+      <ui-button [label]="linkTitle" [link]="linkPath"></ui-button>
     </div>
   `
 })
diff --git a/packages/stack/src/schematics/web-crud/files/admin/feature/src/lib/admin-__modelName__/admin-__modelName__-detail/admin-__modelName__-detail.component.ts__tmpl__ b/packages/stack/src/schematics/web-crud/files/admin/feature/src/lib/admin-__modelName__/admin-__modelName__-detail/admin-__modelName__-detail.component.ts__tmpl__
index 4deb6960..5ae5c226 100644
--- a/packages/stack/src/schematics/web-crud/files/admin/feature/src/lib/admin-__modelName__/admin-__modelName__-detail/admin-__modelName__-detail.component.ts__tmpl__
+++ b/packages/stack/src/schematics/web-crud/files/admin/feature/src/lib/admin-__modelName__/admin-__modelName__-detail/admin-__modelName__-detail.component.ts__tmpl__
@@ -19,7 +19,7 @@ import { Admin<%= classify(modelName) %>DetailStore } from './admin-<%= dasheriz
               </div>
             </div>
             <div class="flex space-x-2">
-              <ui-button routerLink="edit" label="Edit"></ui-button>
+              <ui-button link="edit" label="Edit"></ui-button>
               <ui-button (handler)="deleteItem(vm.item)" label="Delete"></ui-button>
             </div>
           </div>
diff --git a/packages/stack/src/schematics/web-crud/files/admin/feature/src/lib/admin-__modelName__/admin-__modelName__-list/admin-__modelName__-list.component.ts__tmpl__ b/packages/stack/src/schematics/web-crud/files/admin/feature/src/lib/admin-__modelName__/admin-__modelName__-list/admin-__modelName__-list.component.ts__tmpl__
index 22381c7e..cbfd7ef7 100644
--- a/packages/stack/src/schematics/web-crud/files/admin/feature/src/lib/admin-__modelName__/admin-__modelName__-list/admin-__modelName__-list.component.ts__tmpl__
+++ b/packages/stack/src/schematics/web-crud/files/admin/feature/src/lib/admin-__modelName__/admin-__modelName__-list/admin-__modelName__-list.component.ts__tmpl__
@@ -29,7 +29,7 @@ import { Admin<%= classify(modelName) %>ListStore } from './admin-<%= modelName
                   </div>
                 </div>
                 <div class="flex space-x-2">
-                  <ui-button [routerLink]="[item?.id, 'edit']" label="Edit"></ui-button>
+                  <ui-button [link]="[item?.id, 'edit']" label="Edit"></ui-button>
                 </div>
               </div>
             </div>
diff --git a/packages/stack/src/schematics/web-feature-admin/files/feature/src/lib/admin-user/admin-user-detail/admin-user-detail.component.ts__tmpl__ b/packages/stack/src/schematics/web-feature-admin/files/feature/src/lib/admin-user/admin-user-detail/admin-user-detail.component.ts__tmpl__
index 8353fec8..2960d106 100644
--- a/packages/stack/src/schematics/web-feature-admin/files/feature/src/lib/admin-user/admin-user-detail/admin-user-detail.component.ts__tmpl__
+++ b/packages/stack/src/schematics/web-feature-admin/files/feature/src/lib/admin-user/admin-user-detail/admin-user-detail.component.ts__tmpl__
@@ -24,8 +24,8 @@ import { AdminUserDetailStore } from './admin-user-detail.store'
               </div>
             </div>
             <div class="flex space-x-2">
-              <ui-button routerLink="password" label="Change Password"></ui-button>
-              <ui-button routerLink="edit" label="Edit"></ui-button>
+              <ui-button link="password" label="Change Password"></ui-button>
+              <ui-button link="edit" label="Edit"></ui-button>
             </div>
           </div>
         </div>
diff --git a/packages/stack/src/schematics/web-feature-dashboard/files/feature/src/lib/__projectName__.component.ts__tmpl__ b/packages/stack/src/schematics/web-feature-dashboard/files/feature/src/lib/__projectName__.component.ts__tmpl__
index 94b23067..2b52083c 100644
--- a/packages/stack/src/schematics/web-feature-dashboard/files/feature/src/lib/__projectName__.component.ts__tmpl__
+++ b/packages/stack/src/schematics/web-feature-dashboard/files/feature/src/lib/__projectName__.component.ts__tmpl__
@@ -22,8 +22,8 @@ import { map } from 'rxjs/operators'
               </div>
             </div>
             <div class="flex space-x-3">
-              <ui-button routerLink="/account" label="Manage Account"></ui-button>
-              <ui-button *ngIf="user.role == 'Admin'" routerLink="/admin" label="Admin"></ui-button>
+              <ui-button link="/account" label="Manage Account"></ui-button>
+              <ui-button *ngIf="user.role == 'Admin'" link="/admin" label="Admin"></ui-button>
             </div>
           </div>
         </ng-container>
diff --git a/packages/stack/src/schematics/web-ui-libs/__snapshots__/schematic-web-ui-libs.spec.ts.snap b/packages/stack/src/schematics/web-ui-libs/__snapshots__/schematic-web-ui-libs.spec.ts.snap
index 0f265a7c..7cf9f1c4 100644
--- a/packages/stack/src/schematics/web-ui-libs/__snapshots__/schematic-web-ui-libs.spec.ts.snap
+++ b/packages/stack/src/schematics/web-ui-libs/__snapshots__/schematic-web-ui-libs.spec.ts.snap
@@ -21,12 +21,12 @@ exports[`web-ui-libs schematic should run successfully 2`] = `
 @Component({
   selector: 'ui-button',
   template: \`
-    <ng-container *ngIf=\\"routerLink\\">
-      <a [routerLink]=\\"routerLink\\" [class]=\\"classes\\">
+    <ng-container *ngIf=\\"link\\">
+      <a [routerLink]=\\"link\\" [class]=\\"classes\\">
         {{ label }}
       </a>
     </ng-container>
-    <ng-container *ngIf=\\"!routerLink\\">
+    <ng-container *ngIf=\\"!link\\">
       <button (click)=\\"handler.emit($event)\\" [class]=\\"classes\\" [disabled]=\\"disabled\\" [type]=\\"type\\">
         {{ label }}
       </button>
@@ -34,7 +34,7 @@ exports[`web-ui-libs schematic should run successfully 2`] = `
   \`,
 })
 export class TestUiButtonComponent {
-  @Input() routerLink?: string
+  @Input() link?: string
   @Input() disabled?: boolean
   @Input() label: string
   @Input() type = 'button'
@@ -421,7 +421,7 @@ exports[`web-ui-libs schematic should run successfully 13`] = `
         </div>
       </header>
       <div class=\\"flex-grow h-full\\">
-        <div class=\\"max-w-7xl mx-auto py-3 md:py-6 lg:py-12 px-3 md:px-6 lg:px-8 h-full overflow-auto\\">
+        <div class=\\"max-w-7xl mx-auto py-3 md:py-6 lg:py-12 px-3 md:px-6 lg:px-8 h-full\\">
           <ng-content></ng-content>
         </div>
       </div>
@@ -460,7 +460,7 @@ exports[`web-ui-libs schematic should run successfully 15`] = `
       <div class=\\"text-lg font-semibold\\">
         {{ title }}
       </div>
-      <ui-button [label]=\\"linkTitle\\" [routerLink]=\\"linkPath\\"></ui-button>
+      <ui-button [label]=\\"linkTitle\\" [link]=\\"linkPath\\"></ui-button>
     </div>
   \`,
 })
diff --git a/packages/stack/src/schematics/web-ui-libs/files/button/bootstrap/src/lib/__projectName__.component.ts__tmpl__ b/packages/stack/src/schematics/web-ui-libs/files/button/bootstrap/src/lib/__projectName__.component.ts__tmpl__
index 898228e1..6717924b 100644
--- a/packages/stack/src/schematics/web-ui-libs/files/button/bootstrap/src/lib/__projectName__.component.ts__tmpl__
+++ b/packages/stack/src/schematics/web-ui-libs/files/button/bootstrap/src/lib/__projectName__.component.ts__tmpl__
@@ -3,12 +3,12 @@ import { Component, EventEmitter, Input } from '@angular/core'
 @Component({
   selector: 'ui-button',
   template: `
-    <ng-container *ngIf="routerLink">
-      <a [routerLink]="routerLink" [class]="classes">
+    <ng-container *ngIf="link">
+      <a [routerLink]="link" [class]="classes">
         {{ label }}
       </a>
     </ng-container>
-    <ng-container *ngIf="!routerLink">
+    <ng-container *ngIf="!link">
       <button (click)="click.emit($event)" [class]="classes" [disabled]="disabled" [type]="type">
         {{ label }}
       </button>
@@ -16,7 +16,7 @@ import { Component, EventEmitter, Input } from '@angular/core'
   `,
 })
 export class <%= classify(projectName) %>Component {
-  @Input() routerLink?: string
+  @Input() link?: string
   @Input() disabled?: boolean
   @Input() label: string
   @Input() type = 'button'
diff --git a/packages/stack/src/schematics/web-ui-libs/files/button/tailwind/src/lib/__projectName__.component.ts__tmpl__ b/packages/stack/src/schematics/web-ui-libs/files/button/tailwind/src/lib/__projectName__.component.ts__tmpl__
index a6d0c78b..41f77b83 100644
--- a/packages/stack/src/schematics/web-ui-libs/files/button/tailwind/src/lib/__projectName__.component.ts__tmpl__
+++ b/packages/stack/src/schematics/web-ui-libs/files/button/tailwind/src/lib/__projectName__.component.ts__tmpl__
@@ -3,12 +3,12 @@ import { Component, EventEmitter, Input, Output } from '@angular/core'
 @Component({
   selector: 'ui-button',
   template: `
-    <ng-container *ngIf="routerLink">
-      <a [routerLink]="routerLink" [class]="classes">
+    <ng-container *ngIf="link">
+      <a [routerLink]="link" [class]="classes">
         {{ label }}
       </a>
     </ng-container>
-    <ng-container *ngIf="!routerLink">
+    <ng-container *ngIf="!link">
       <button (click)="handler.emit($event)" [class]="classes" [disabled]="disabled" [type]="type">
         {{ label }}
       </button>
@@ -16,7 +16,7 @@ import { Component, EventEmitter, Input, Output } from '@angular/core'
   `,
 })
 export class <%= classify(projectName) %>Component {
-  @Input() routerLink?: string
+  @Input() link?: string
   @Input() disabled?: boolean
   @Input() label: string
   @Input() type = 'button'
diff --git a/packages/stack/src/schematics/web-ui-libs/files/page-header/tailwind/src/lib/__projectName__.component.ts__tmpl__ b/packages/stack/src/schematics/web-ui-libs/files/page-header/tailwind/src/lib/__projectName__.component.ts__tmpl__
index c0bafd59..b0b61415 100644
--- a/packages/stack/src/schematics/web-ui-libs/files/page-header/tailwind/src/lib/__projectName__.component.ts__tmpl__
+++ b/packages/stack/src/schematics/web-ui-libs/files/page-header/tailwind/src/lib/__projectName__.component.ts__tmpl__
@@ -7,7 +7,7 @@ import { Component, Input } from '@angular/core'
       <div class="text-lg font-semibold">
         {{ title }}
       </div>
-      <ui-button [label]="linkTitle" [routerLink]="linkPath"></ui-button>
+      <ui-button [label]="linkTitle" [link]="linkPath"></ui-button>
     </div>
   `
 })
diff --git a/packages/stack/src/schematics/web-ui-libs/files/page/tailwind/src/lib/__projectName__.component.ts__tmpl__ b/packages/stack/src/schematics/web-ui-libs/files/page/tailwind/src/lib/__projectName__.component.ts__tmpl__
index 0703d2cb..bca0cc1b 100644
--- a/packages/stack/src/schematics/web-ui-libs/files/page/tailwind/src/lib/__projectName__.component.ts__tmpl__
+++ b/packages/stack/src/schematics/web-ui-libs/files/page/tailwind/src/lib/__projectName__.component.ts__tmpl__
@@ -15,7 +15,7 @@ import { Component, Input } from '@angular/core'
         </div>
       </header>
       <div class="flex-grow h-full">
-        <div class="max-w-7xl mx-auto py-3 md:py-6 lg:py-12 px-3 md:px-6 lg:px-8 h-full overflow-auto">
+        <div class="max-w-7xl mx-auto py-3 md:py-6 lg:py-12 px-3 md:px-6 lg:px-8 h-full">
           <ng-content></ng-content>
         </div>
       </div>
diff --git a/packages/stack/src/schematics/web-ui-libs/files/table/bootstrap/src/lib/__projectName__.component.ts__tmpl__ b/packages/stack/src/schematics/web-ui-libs/files/table/bootstrap/src/lib/__projectName__.component.ts__tmpl__
index 898228e1..6717924b 100644
--- a/packages/stack/src/schematics/web-ui-libs/files/table/bootstrap/src/lib/__projectName__.component.ts__tmpl__
+++ b/packages/stack/src/schematics/web-ui-libs/files/table/bootstrap/src/lib/__projectName__.component.ts__tmpl__
@@ -3,12 +3,12 @@ import { Component, EventEmitter, Input } from '@angular/core'
 @Component({
   selector: 'ui-button',
   template: `
-    <ng-container *ngIf="routerLink">
-      <a [routerLink]="routerLink" [class]="classes">
+    <ng-container *ngIf="link">
+      <a [routerLink]="link" [class]="classes">
         {{ label }}
       </a>
     </ng-container>
-    <ng-container *ngIf="!routerLink">
+    <ng-container *ngIf="!link">
       <button (click)="click.emit($event)" [class]="classes" [disabled]="disabled" [type]="type">
         {{ label }}
       </button>
@@ -16,7 +16,7 @@ import { Component, EventEmitter, Input } from '@angular/core'
   `,
 })
 export class <%= classify(projectName) %>Component {
-  @Input() routerLink?: string
+  @Input() link?: string
   @Input() disabled?: boolean
   @Input() label: string
   @Input() type = 'button'