Materialize-html-laravel-template/
      ├── app/
      |   ├── Http/
      |   |   ├── Controllers/
      ├── bootstrap/
      ├── config/
      |   ├── custom.php (Template configuration file)
      ├── database/
      ├── docker/
      ├── public/(public content generated after compilation done.)
      |   ├── css/
      |   ├── fonts/
      |   ├── images/
      |   ├── js/
      |   ├── json/
      |   |   ├── horizontalMenu.json
      |   |   ├── template-list.json
      |   |   ├── verticalMenu.json
      |   ├── vendors/
      |   ├── mix-manifest.json
      ├── resources/
      |   |   ├── fonts
      |   |   ├── images
      |   |   ├── js
      |   |   ├── json/
      |   |   ├── lang/ (Include Languages)
      |   |   |   ├── de/
      |   |   |   |  ├── locale.php
      |   |   ├── sass/ (Include scss files)
      |   |   ├── vendors/
      |   |   ├── views/ (Include blade.php files)
      |   |   |   ├── auth/
      |   |   |   ├── layouts/
      |   |   |   ├── pages/
      |   |   |   ├── panels/
      ├── routes/
      ├── storage/
      ├── tests/ (For testing)
      ├── .editorconfig (Related with your editor)
      ├── .env.example (Include Database credentials, it will be .env after update it.)
      ├── artisan (Include artisans commands)
      ├── composer.json (Dependencies used by composer)
      ├── package.json (Dependencies used by node)
      ├── phpunit.xml (Related With testing)
      ├── server.php (For php's internal web server)
      └── webpack.mix.js (Laravel's webpack file) 
  

  
    composer install
  
      

  
    php artisan key:generate
  
      

  
    npm install
  
      

  npm run dev

    

php artisan serve

  

  php artisan serve --port=8080 // For port 8080
  sudo php artisan serve --port=80 // If you want to run it on port 80, you probably need to sudo.

      

  
    npm run watch
  
      

  
    npm run prod
  
      

  
    sudo chmod -R o+rw bootstrap/cache
    sudo chmod -R o+rw storage
  
      

Create New Page

How to add a New Page:

• Create New View with blade.php extenstion.
• Create Controller for different methods related to page. (Optional. You can use default controller also.)
• Set Path in routes/web.php file to serve the page on the browser.

• Add page link to resources -> json -> verticalMenu.json & horizontalMenu.json files to display menu item in sidebar/menu.

  

• Add page link to resources -> json -> template-list.json file to display in navbar search option.

  
• Add page name to resources -> lang -> en{all language folder} -> locale.php file to display in multi language.

Steps to add a new page :

Step 1: Create a file with the extension .blade.php under the resources -> views -> pages directory. Let's create a testPage for an example with filename testPage.blade.php and placing the below code in that file.

        
  @extends('layouts/contentLayoutMaster') // choose any one option {contentLayoutMaster/fullLayoutMaster}

  @section('title', 'Content Layout')  // change title accrodingly

  @section('content')
      <div>
          .....
      <div>
  @endsection
        
      

Step 2: To add new controller, use below command :

  
    php artisan make:controller {ControllerName} {-r}
  
      

Add Configuration in controller as described here.

To add breadcrumbs :

        
  $breadcrumbs = [
      ['link'=>"/",'name'=>"Home"],['link'=>"/",'name'=>"Page"], ['name'=>"Content Layout"]
  ];

  return view('/pages/content-layout', [
      'breadcrumbs' => $breadcrumbs
  ]);
        
      

Step 3: After creating file and controller you need to declare its route where it can be served on the browser, suppose you want created page to be serve on the route http://localhost:8080/testPage . To access this page define its routes in the resources -> web.php file.

    
      Route::get('/testPage', function () {
        return view('pages/testPage');
      });
    
      

Step 4: After defining the route, add page link to sidebar at resources -> json -> verticalMenu.json / horizontalMenu.json file.

Option 1: To add item in menu.

  {
    "url": "testPage",
    "name": "Test Page",
    "class": "waves-effect waves-cyan",
    "icon": "test_icon",
    "slug": "test-menu",
    "tag": "5",
    "tagcustom": "new badge pill pink accent-2 float-right mr-2"
  },

      

Option 2: To add item as a sub menu item.

  {
    "url": "javascript:void(0)",
    "name": "Test Page",
    "class": "collapsible-header waves-effect waves-cyan",
    "slug": "test-slug",
    "icon": "test-icon",
    "submenu": [
      {
        "url": "submenu1",
        "name": "submenu1",
        "slug": "submenu1"
      }
    ]
  },

  

Step 5: For page searching options in navbar search box, add page link in resources -> json -> template-list.json file.

  
    {
      "url": "testPage",
      "name": "Test Page",
      "icon": "test-icon",
      "category": "Test Category"
    },
  
      

Step 6: Add page name to resources -> lang -> en{all language folder} -> locale.php file to display in multi language.

  
    "Dashboard"=> "Instrumententafel",
    "Modern"=> "Modern",
  
      

After completing these above steps you need to run the command npm run dev or npm run watch command in the project directory. After running this process you need to run the command php artisan serve. It will serve your app on the localhost.

@import "../themes/vertical-gradient-menu/variables";
@import "../themes/vertical-gradient-menu/theme-variables";

      
      public function {functionName}(){
        $pageConfigs = [
            'mainLayoutType' => 'vertical-menu-nav-dark',
            'navbarLarge' => false,
            'navbarBgColor' => 'cyan',
            'bodyCustomClass' => 'testClass'
        ];
    
        return view('/pages/testPage', [
            'pageConfigs' => $pageConfigs
        ]);
      }