Layout Setup


/resources/views/layout.blade.php 
<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="shortcut icon" type="image/x-icon" href="https://laravel.com/img/favicon/apple-touch-icon.png" >
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@latest/dist/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <title>Laravel Docs</title>
  <style>
    pre { font-family: Courier; background-color: #eee; padding: 10px; font-size: 16px; }
    code { background-color: #ffcccb; padding: 2px 0px; font-size: 16px; }
    a { text-decoration: none; }
  </style>
</head>
<body>

  // Header 
  <header style="border-bottom: 1px solid #ddd; padding-left: 10px;">
    <nav>
      <h3 style="padding-top: 10px;">Laravel Docs</h3>
    </nav>
  </header>

   // Sidebar 
  <div class="row" style="padding-left: 10px;">
    <div id="sidebar" class="col-md-2" style="border-right: 1px solid #ddd;">
        <h5 style="padding-top: 10px;">Basics</h5>
        <a href="/">Welcome To Laravel</a><br />
        <a href="/getting-started">Getting Started</a><br />
        <a href="/routes">Routes</a><br />
        <a href="/mvc-setup">MVC Setup</a><br /><br />
    </div>

     // Page Content 
    <div class="col-md-10" style="padding: 10px 0px 0px 10px;">{{ $slot }}</div>
  </div>

   // Footer 
  <footer style="border-top: 1px solid #ddd; padding: 10px 0px 10px 10px;">
      ©<a href="https://example.com" target="_blank">ACME</a>
  </footer>

</body>
</html>

/resources/views/view.blade.php 
< x-layout>
    HTML & Blade Content For $slot
< /x-layout>