abbassizied / basic-starter-boilerplate

README

• Learn how to use Material UI with the Next.js App Router

Angular Material

• Angular Material UI components

• Angular Material Guides

• The Angular starter / boilerplate project to start a new enterprise project

• Angular Material 15 Tutorial: Navigation UI with Toolbar and Menu

• 🔥🔥🔥 Create a responsive sidebar menu with Angular Material

• 🔥🔥🔥 Angular Material Sidebar Menu with Submenu Example

• How To Create A Mini Nav With Angular Material’s Sidenav

• 🔥🔥🔥 Project-helper

• Angular Material 16 MEAN Stack SPA CRUD App Tutorial

• 🔥🔥🔥 An implementation of a sidenav in Angular that can be toggled, resized, and displays content dynamically

• Create A Responsive Dashboard With Angular Material And ng2-Charts

$ ng add @angular/material // To install Angular Material

// Using a pre-built theme : deeppurple-amber.css, indigo-pink.css, pink-bluegrey.css, purple-green.css	
// 

// create a xxxModule with routing in the "shared folder" and register it with the root AppModule.
ng g m shared/xxx --module=app --flat 
// ===>
$ ng g m shared/shared --module=app --flat  // CommonModule, NgModule, ... 
$ ng g m shared/material --module=app --flat 
 
// dashboard
$ ng g m dashboard/dashboard --module=app --flat
$ ng g c dashboard/dashboard

// dashboard
$ ng g m about/about --module=app --flat
$ ng g c about/about

// error
$ ng g m error/error --module=app --flat
$ ng g c error/page-not-found

// Then 
$ ng g c shared/layout/footer/footer --module=shared --flat
$ ng g c shared/layout/sidenav/sidenav --module=shared --flat 
$ ng g c shared/layout/topbar/topbar --module=shared --flat 

🔀 Related information

Feel free to check it out and star the repo! 🌟😊🙌