{"id":1678,"date":"2024-02-04T09:16:00","date_gmt":"2024-02-04T09:16:00","guid":{"rendered":"https:\/\/adminlte.io\/?p=1678"},"modified":"2024-02-07T14:57:54","modified_gmt":"2024-02-07T14:57:54","slug":"integrate-adminlte-with-laravel","status":"publish","type":"post","link":"https:\/\/adminlte.io\/blog\/integrate-adminlte-with-laravel\/","title":{"rendered":"Integrate AdminLTE with Laravel 5\ufffc"},"content":{"rendered":"\n<p>AdminLTE is a great dashboard template but it is built with pure HTML and CSS. In this tutorial, I&#8217;d like to go through installing AdminLTE with Laravel 5 like pros. We will make sure that we have the ability to update AdminLTE to the latest version at any given time by using Bower to manage it.<\/p>\n\n\n\n<p>Looking for a good place to start with Laravel 5?&nbsp;<a href=\"https:\/\/laracasts.com\/\">Laracasts<\/a>&nbsp;provides a great set of video tutorials for programming with Laravel. In this tutorial, I will assume you went through the free&nbsp;<a href=\"https:\/\/laracasts.com\/series\/laravel-8-from-scratch\">Laravel Fundamentals<\/a>&nbsp;series or at least the first two videos. This tutorial requires basic knowledge of&nbsp;<a href=\"http:\/\/laravel.com\/docs\/5.0\/homestead\">Homestead<\/a>&nbsp;and the command line (<a href=\"http:\/\/www.bleepingcomputer.com\/tutorials\/windows-command-prompt-introduction\/\">DOS<\/a>&nbsp;or&nbsp;<a href=\"http:\/\/computers.tutsplus.com\/tutorials\/40-terminal-tips-and-tricks-you-never-thought-you-needed--mac-51192\">Terminal<\/a>).<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"tools-we-will-use\"><strong>Tools We Will Use<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"http:\/\/laravel.com\/docs\/5.0\">Laravel 5<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/adminlte.io\/\">AdminLTE 2.0.5<\/a><\/li>\n\n\n\n<li><a href=\"http:\/\/laravel.com\/docs\/5.0\/homestead\">Homestead<\/a><\/li>\n\n\n\n<li><a href=\"http:\/\/bower.io\/\">Bower<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/getcomposer.org\/\">Composer<\/a><\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"install-a-fresh-copy-of-laravel\"><strong>Install a Fresh Copy of Laravel<\/strong><\/h4>\n\n\n\n<p>I will use&nbsp;<a href=\"http:\/\/laravel.com\/docs\/5.0\">Laravel&#8217;s installer<\/a>&nbsp;to create a new project. Feel free to do it any other way if you feel more comfortable with it.<\/p>\n\n\n\n<p>So let&#8217;s get the Laravel installer. In the terminal type this command<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>composer <strong>global<\/strong> <strong>require<\/strong> \"laravel\/installer=~1.1\"<\/code><\/pre>\n\n\n\n<p>You may need to wait a few minutes until composer completes the installation.<\/p>\n\n\n\n<p>Then get a new copy of Laravel<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>laravel <strong>new<\/strong> myapp<\/code><\/pre>\n\n\n\n<p>With this command we created a new copy of Laravel and named it myapp. If this command didn&#8217;t work, make sure you have the Laravel installer setup correctly on your machine.<\/p>\n\n\n\n<p>By now, you should be able to see the welcome page of Laravel when you visit the site.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/adminlte.io\/uploads\/images\/laravel-welcome-page.png\"><img decoding=\"async\" src=\"https:\/\/adminlte.io\/uploads\/images\/laravel-welcome-page.png\" alt=\"Laravel Welcome Page\"\/><\/a><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"install-adminlte-via-bower\"><strong>Install AdminLTE via Bower<\/strong><\/h4>\n\n\n\n<p>Navigate to the public directory within your laravel folder.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>cd myapp\/<strong>public<\/strong><\/code><\/pre>\n\n\n\n<p>Within the directory, install AdminLTE via Bower<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>bower install admin-lte<\/code><\/pre>\n\n\n\n<p>Once it&#8217;s done, you should have a folder called bower_componets and inside it you will find admin-lte.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"convert-adminlte-starter-html-to-blade\"><strong>Convert AdminLTE starter.html to Blade<\/strong><\/h4>\n\n\n\n<p>Laravel provides a great templating system out of the box called&nbsp;<a href=\"http:\/\/laravel.com\/docs\/5.0\/templates\">Blade<\/a>. To take advantage of Blade, we need to convert the regular HTML of the starter page to Blade. First, create a new view in&nbsp;<code>resources\/views<\/code>&nbsp;and call it&nbsp;<code>admin_template.blade.php<\/code>. Then, create a route to the new view.<\/p>\n\n\n\n<p>The route I am using is setup as follows<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Route::<strong>get<\/strong>('admin', <strong>function<\/strong> () {\n    <strong>return<\/strong> view('admin_template');\n});<\/code><\/pre>\n\n\n\n<p>Now, copy the content of&nbsp;<code>bower_components\/admin-lte\/starter.html<\/code>&nbsp;to the new view and modify the asset links to point to the admin-lte directory. Here is my preliminary set up<\/p>\n\n\n\n<script src=\"https:\/\/gist.github.com\/puikinsh\/e03afd72f66cceee4890ea5ed5a85cf6.js\"><\/script>\n\n\n\n<p>If you visit the page again, you should see the starter template working. The result should look like this<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/adminlte.io\/uploads\/images\/starterTemplateForLaravel.png\"><img decoding=\"async\" src=\"https:\/\/adminlte.io\/uploads\/images\/starterTemplateForLaravel.png\" alt=\"Starter Template\"\/><\/a><\/figure>\n\n\n\n<p>Now that we have all the resources we need to start with AdminLTE, lets add the final touches to our main view. I will split the template into three files, sidebar.blade.php, header.blade.php, and footer.blade.php. So create those files in the views directory, then add the necessary code in each file as follows.<\/p>\n\n\n\n<p><strong>1. header.blade.php<\/strong><\/p>\n\n\n\n<script src=\"https:\/\/gist.github.com\/puikinsh\/d1910d7fa964baa97d5e44f056d09d6c.js\"><\/script>\n\n\n\n<p><strong>2. sidebar.blade.php<\/strong><\/p>\n\n\n\n<script src=\"https:\/\/gist.github.com\/puikinsh\/8ce094ddb9f32ab052e73584dbcda419.js\"><\/script>\n\n\n\n<p><strong>3. footer.blade.php<\/strong><\/p>\n\n\n\n<script src=\"https:\/\/gist.github.com\/puikinsh\/c1917e3a43ba284938e19987a8f95f91.js\"><\/script>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"final-touches\"><strong>Final Touches<\/strong><\/h4>\n\n\n\n<p>We have the pieces of the template split for easy customization. Now we need to customize our original&nbsp;<code>admin_template.blade.php<\/code>&nbsp;to load those files and allow for dynamic content loading. Here is my final code for admin_template.blade.php<\/p>\n\n\n\n<script src=\"https:\/\/gist.github.com\/puikinsh\/c8b5ca0ce0a54ebbefa68298a0c1317e.js\"><\/script>\n\n\n\n<p>In the code above, we added a section called&nbsp;<code>content<\/code>&nbsp;that will contain our pages, loaded the header, footer, and sidebar, and added&nbsp;<code>$page_title<\/code>&nbsp;variable to give our pages titles. The template is now ready to be used with Laravel 5.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"test-page\"><strong>Test Page<\/strong><\/h4>\n\n\n\n<p>To demonstrate where to go from there, I will create a simple page that shows a box with progress bars containing dynamically generated tasks.<\/p>\n\n\n\n<p><strong>1. Create test.blade.php.<\/strong>&nbsp;Within the views folder, create a new file and add the following code to it.<\/p>\n\n\n\n<script src=\"https:\/\/gist.github.com\/puikinsh\/cc8507823029994729d468cdf8ff8f45.js\"><\/script>\n\n\n\n<p><strong>2. Create Controller TestControler.php.<\/strong>&nbsp;Create a new controller by using the following command<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>php artisan make:controller TestController --plain<\/code><\/pre>\n\n\n\n<p>The code for the new controller<\/p>\n\n\n\n<script src=\"https:\/\/gist.github.com\/puikinsh\/b0fdf2474e1745959080d681dcdef181.js\"><\/script>\n\n\n\n<p><strong>3. Create a Route.<\/strong>&nbsp;Now that we have a controller, we need a new route to point to it. Within the routes.php file, copy the following route:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Route::<strong>get<\/strong>('test', 'TestController@index');<\/code><\/pre>\n\n\n\n<p>If everything has been done correctly, you should be able to see result similar to this when visiting the test page.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/adminlte.io\/uploads\/images\/AdminLTETestPage.png\"><img decoding=\"async\" src=\"https:\/\/adminlte.io\/uploads\/images\/AdminLTETestPage.png\" alt=\"AdminLTE Test Page\"\/><\/a><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"download-conclusion\"><strong>Download &amp; Conclusion<\/strong><\/h4>\n\n\n\n<p><strong>Download:<\/strong>&nbsp;<small><a href=\"https:\/\/adminlte.io\/uploads\/files\/AdminLTE-and-Laravel.zip\">AdminLTE-and-Laravel.zip<\/a><\/small><\/p>\n\n\n\n<p>I hope you enjoy<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>composer <strong>global<\/strong> <strong>require<\/strong> \"laravel\/installer=~1.1\"<\/code><\/pre>\n\n\n\n<p>You may need to wait a few minutes until composer completes the installation.<\/p>\n\n\n\n<p>Then get a new copy of Laravel<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>laravel <strong>new<\/strong> myapp<\/code><\/pre>\n\n\n\n<p>With this command we created a new copy of Laravel and named it myapp. If this command didn&#8217;t work, make sure you have the Laravel installer setup correctly on your machine.<\/p>\n\n\n\n<p>By now, you should be able to see the welcome page of Laravel when you visit the site.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/adminlte.io\/uploads\/images\/laravel-welcome-page.png\"><img decoding=\"async\" src=\"https:\/\/adminlte.io\/uploads\/images\/laravel-welcome-page.png\" alt=\"Laravel Welcome Page\"\/><\/a><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"install-adminlte-via-bower\"><strong>Install AdminLTE via Bower<\/strong><\/h4>\n\n\n\n<p>Navigate to the public directory within your laravel folder.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>cd myapp\/<strong>public<\/strong><\/code><\/pre>\n\n\n\n<p>Within the directory, install AdminLTE via Bower<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>bower install admin-lte<\/code><\/pre>\n\n\n\n<p>Once it&#8217;s done, you should have a folder called bower_componets and inside it you will find admin-lte.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"convert-adminlte-starter-html-to-blade\"><strong>Convert AdminLTE starter.html to Blade<\/strong><\/h4>\n\n\n\n<p>Laravel provides a great templating system out of the box called&nbsp;<a href=\"http:\/\/laravel.com\/docs\/5.0\/templates\">Blade<\/a>. To take advantage of Blade, we need to convert the regular HTML of the starter page to Blade. First, create a new view in&nbsp;<code>resources\/views<\/code>&nbsp;and call it&nbsp;<code>admin_template.blade.php<\/code>. Then, create a route to the new view.<\/p>\n\n\n\n<p>The route I am using is setup as follows<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Route::<strong>get<\/strong>('admin', <strong>function<\/strong> () {\n    <strong>return<\/strong> view('admin_template');\n});<\/code><\/pre>\n\n\n\n<p>Now, copy the content of&nbsp;<code>bower_components\/admin-lte\/starter.html<\/code>&nbsp;to the new view and modify the asset links to point to the admin-lte directory. Here is my preliminary set up<\/p>\n\n\n\n<script src=\"https:\/\/gist.github.com\/puikinsh\/9abbfaaf9bf048b1402f12564a9dcf0e.js\"><\/script>\n\n\n\n<p>If you visit the page again, you should see the starter template working. The result should look like this<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/adminlte.io\/uploads\/images\/starterTemplateForLaravel.png\"><img decoding=\"async\" src=\"https:\/\/adminlte.io\/uploads\/images\/starterTemplateForLaravel.png\" alt=\"Starter Template\"\/><\/a><\/figure>\n\n\n\n<p>Now that we have all the resources we need to start with AdminLTE, lets add the final touches to our main view. I will split the template into three files, sidebar.blade.php, header.blade.php, and footer.blade.php. So create those files in the views directory, then add the necessary code in each file as follows.<\/p>\n\n\n\n<p><strong>1. header.blade.php<\/strong><\/p>\n\n\n\n<script src=\"https:\/\/gist.github.com\/puikinsh\/224b68e70d9ccc6fd19e05050ea6a4ff.js\"><\/script>\n\n\n\n<p><strong>2. sidebar.blade.php<\/strong><\/p>\n\n\n\n<script src=\"https:\/\/gist.github.com\/puikinsh\/ae209c35702ed2cc1211ffa83990c12c.js\"><\/script>\n\n\n\n<p><strong>3. footer.blade.php<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\n<strong>&lt;footer<\/strong> <strong>class<\/strong>=\"main-footer\"<strong>&gt;<\/strong>\n    &lt;!-- To the right --&gt;\n    <strong>&lt;div<\/strong> <strong>class<\/strong>=\"pull-right hidden-xs\"<strong>&gt;<\/strong>\n        Anything you want\n    <strong>&lt;\/div&gt;<\/strong>\n    &lt;!-- Default to the left --&gt;\n    <strong>&lt;strong&gt;<\/strong>Copyright \u00a9 2024 <strong>&lt;a<\/strong> <strong>href<\/strong>=\"#\"<strong>&gt;<\/strong>Company<strong>&lt;\/a&gt;<\/strong>.<strong>&lt;\/strong&gt;<\/strong> All rights reserved.\n<strong>&lt;\/footer&gt;<\/strong><\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"final-touches\"><strong>Final Touches<\/strong><\/h4>\n\n\n\n<p>We have the pieces of the template split for easy customization. Now we need to customize our original&nbsp;<code>admin_template.blade.php<\/code>&nbsp;to load those files and allow for dynamic content loading. Here is my final code for admin_template.blade.php<\/p>\n\n\n\n<script src=\"https:\/\/gist.github.com\/puikinsh\/3ba8ff4cb459d79cfd59777b3b999e13.js\"><\/script>\n\n\n\n<p>In the code above, we added a section called&nbsp;<code>content<\/code>&nbsp;that will contain our pages, loaded the header, footer, and sidebar, and added&nbsp;<code>$page_title<\/code>&nbsp;variable to give our pages titles. The template is now ready to be used with Laravel 5.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"test-page\"><strong>Test Page<\/strong><\/h4>\n\n\n\n<p>To demonstrate where to go from there, I will create a simple page that shows a box with progress bars containing dynamically generated tasks.<\/p>\n\n\n\n<p><strong>1. Create test.blade.php.<\/strong>&nbsp;Within the views folder, create a new file and add the following code to it.<\/p>\n\n\n\n<script src=\"https:\/\/gist.github.com\/puikinsh\/39cc194a54ca379a2e4e4544159a9937.js\"><\/script>\n\n\n\n<p><strong>2. Create Controller TestControler.php.<\/strong>&nbsp;Create a new controller by using the following command<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>php artisan make:controller TestController --plain<\/code><\/pre>\n\n\n\n<p>The code for the new controller<\/p>\n\n\n\n<script src=\"https:\/\/gist.github.com\/puikinsh\/de3cc1f191b38ef12ef93a756e5aeb5a.js\"><\/script>\n\n\n\n<p><strong>3. Create a Route.<\/strong>&nbsp;Now that we have a controller, we need a new route to point to it. Within the routes.php file, copy the following route:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Route::<strong>get<\/strong>('test', 'TestController@index');<\/code><\/pre>\n\n\n\n<p>If everything has been done correctly, you should be able to see result similar to this when visiting the test page.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/adminlte.io\/uploads\/images\/AdminLTETestPage.png\"><img decoding=\"async\" src=\"https:\/\/adminlte.io\/uploads\/images\/AdminLTETestPage.png\" alt=\"AdminLTE Test Page\"\/><\/a><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"download-conclusion\"><strong>Download &amp; Conclusion<\/strong><\/h4>\n\n\n\n<p><strong>Download:<\/strong>&nbsp;<small><a href=\"https:\/\/adminlte.io\/uploads\/files\/AdminLTE-and-Laravel.zip\">AdminLTE-and-Laravel.zip<\/a><\/small><\/p>\n\n\n\n<p>I hope you enjoyed this tutorial. Do not hesitate to comment or ask questions below.<\/p>\n\n\n\n<p>ed this tutorial. Do not hesitate to comment or ask questions below.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>AdminLTE is a great dashboard template but it is built with pure HTML and CSS. In this tutorial, I&#8217;d like to go through installing AdminLTE with Laravel 5 like pros. We will make sure that we have the ability to update AdminLTE to the latest version at any given time by using Bower to manage [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":1694,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1678","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-templates"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Integrate AdminLTE with Laravel 5\ufffc - AdminLTE.IO<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/adminlte.io\/blog\/integrate-adminlte-with-laravel\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Integrate AdminLTE with Laravel 5\ufffc - AdminLTE.IO\" \/>\n<meta property=\"og:description\" content=\"AdminLTE is a great dashboard template but it is built with pure HTML and CSS. In this tutorial, I&#8217;d like to go through installing AdminLTE with Laravel 5 like pros. We will make sure that we have the ability to update AdminLTE to the latest version at any given time by using Bower to manage [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/adminlte.io\/blog\/integrate-adminlte-with-laravel\/\" \/>\n<meta property=\"og:site_name\" content=\"AdminLTE.IO\" \/>\n<meta property=\"article:published_time\" content=\"2024-02-04T09:16:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-07T14:57:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/adminlte.io\/wp-content\/uploads\/2022\/02\/laravel-logo.png\" \/>\n\t<meta property=\"og:image:width\" content=\"948\" \/>\n\t<meta property=\"og:image:height\" content=\"410\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Rok Krivec\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rok Krivec\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/adminlte.io\/blog\/integrate-adminlte-with-laravel\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/adminlte.io\/blog\/integrate-adminlte-with-laravel\/\"},\"author\":{\"name\":\"Rok Krivec\",\"@id\":\"https:\/\/adminlte.io\/#\/schema\/person\/aa7c266eeaaa5904b28ffc48ffef873a\"},\"headline\":\"Integrate AdminLTE with Laravel 5\ufffc\",\"datePublished\":\"2024-02-04T09:16:00+00:00\",\"dateModified\":\"2024-02-07T14:57:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/adminlte.io\/blog\/integrate-adminlte-with-laravel\/\"},\"wordCount\":1201,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/adminlte.io\/#organization\"},\"image\":{\"@id\":\"https:\/\/adminlte.io\/blog\/integrate-adminlte-with-laravel\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/adminlte.io\/wp-content\/uploads\/2022\/02\/laravel-logo.png\",\"articleSection\":[\"Templates\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/adminlte.io\/blog\/integrate-adminlte-with-laravel\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/adminlte.io\/blog\/integrate-adminlte-with-laravel\/\",\"url\":\"https:\/\/adminlte.io\/blog\/integrate-adminlte-with-laravel\/\",\"name\":\"Integrate AdminLTE with Laravel 5\ufffc - AdminLTE.IO\",\"isPartOf\":{\"@id\":\"https:\/\/adminlte.io\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/adminlte.io\/blog\/integrate-adminlte-with-laravel\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/adminlte.io\/blog\/integrate-adminlte-with-laravel\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/adminlte.io\/wp-content\/uploads\/2022\/02\/laravel-logo.png\",\"datePublished\":\"2024-02-04T09:16:00+00:00\",\"dateModified\":\"2024-02-07T14:57:54+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/adminlte.io\/blog\/integrate-adminlte-with-laravel\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/adminlte.io\/blog\/integrate-adminlte-with-laravel\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/adminlte.io\/blog\/integrate-adminlte-with-laravel\/#primaryimage\",\"url\":\"https:\/\/adminlte.io\/wp-content\/uploads\/2022\/02\/laravel-logo.png\",\"contentUrl\":\"https:\/\/adminlte.io\/wp-content\/uploads\/2022\/02\/laravel-logo.png\",\"width\":948,\"height\":410,\"caption\":\"AdminLTE on Laravel\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/adminlte.io\/blog\/integrate-adminlte-with-laravel\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/adminlte.io\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Integrate AdminLTE with Laravel 5\ufffc\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/adminlte.io\/#website\",\"url\":\"https:\/\/adminlte.io\/\",\"name\":\"AdminLTE.IO\",\"description\":\"Most popular Bootstrap admin dashboard template in the world with 5M users. Download it now!\",\"publisher\":{\"@id\":\"https:\/\/adminlte.io\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/adminlte.io\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/adminlte.io\/#organization\",\"name\":\"AdminLTE.IO\",\"url\":\"https:\/\/adminlte.io\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/adminlte.io\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/adminlte.io\/wp-content\/uploads\/2021\/03\/logo.png\",\"contentUrl\":\"https:\/\/adminlte.io\/wp-content\/uploads\/2021\/03\/logo.png\",\"width\":160,\"height\":27,\"caption\":\"AdminLTE.IO\"},\"image\":{\"@id\":\"https:\/\/adminlte.io\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/adminlte.io\/#\/schema\/person\/aa7c266eeaaa5904b28ffc48ffef873a\",\"name\":\"Rok Krivec\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/adminlte.io\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/82b98253902070d47006b28ef270c79c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/82b98253902070d47006b28ef270c79c?s=96&d=mm&r=g\",\"caption\":\"Rok Krivec\"},\"sameAs\":[\"https:\/\/colorlib.com\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Integrate AdminLTE with Laravel 5\ufffc - AdminLTE.IO","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/adminlte.io\/blog\/integrate-adminlte-with-laravel\/","og_locale":"en_US","og_type":"article","og_title":"Integrate AdminLTE with Laravel 5\ufffc - AdminLTE.IO","og_description":"AdminLTE is a great dashboard template but it is built with pure HTML and CSS. In this tutorial, I&#8217;d like to go through installing AdminLTE with Laravel 5 like pros. We will make sure that we have the ability to update AdminLTE to the latest version at any given time by using Bower to manage [&hellip;]","og_url":"https:\/\/adminlte.io\/blog\/integrate-adminlte-with-laravel\/","og_site_name":"AdminLTE.IO","article_published_time":"2024-02-04T09:16:00+00:00","article_modified_time":"2024-02-07T14:57:54+00:00","og_image":[{"width":948,"height":410,"url":"https:\/\/adminlte.io\/wp-content\/uploads\/2022\/02\/laravel-logo.png","type":"image\/png"}],"author":"Rok Krivec","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Rok Krivec","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/adminlte.io\/blog\/integrate-adminlte-with-laravel\/#article","isPartOf":{"@id":"https:\/\/adminlte.io\/blog\/integrate-adminlte-with-laravel\/"},"author":{"name":"Rok Krivec","@id":"https:\/\/adminlte.io\/#\/schema\/person\/aa7c266eeaaa5904b28ffc48ffef873a"},"headline":"Integrate AdminLTE with Laravel 5\ufffc","datePublished":"2024-02-04T09:16:00+00:00","dateModified":"2024-02-07T14:57:54+00:00","mainEntityOfPage":{"@id":"https:\/\/adminlte.io\/blog\/integrate-adminlte-with-laravel\/"},"wordCount":1201,"commentCount":0,"publisher":{"@id":"https:\/\/adminlte.io\/#organization"},"image":{"@id":"https:\/\/adminlte.io\/blog\/integrate-adminlte-with-laravel\/#primaryimage"},"thumbnailUrl":"https:\/\/adminlte.io\/wp-content\/uploads\/2022\/02\/laravel-logo.png","articleSection":["Templates"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/adminlte.io\/blog\/integrate-adminlte-with-laravel\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/adminlte.io\/blog\/integrate-adminlte-with-laravel\/","url":"https:\/\/adminlte.io\/blog\/integrate-adminlte-with-laravel\/","name":"Integrate AdminLTE with Laravel 5\ufffc - AdminLTE.IO","isPartOf":{"@id":"https:\/\/adminlte.io\/#website"},"primaryImageOfPage":{"@id":"https:\/\/adminlte.io\/blog\/integrate-adminlte-with-laravel\/#primaryimage"},"image":{"@id":"https:\/\/adminlte.io\/blog\/integrate-adminlte-with-laravel\/#primaryimage"},"thumbnailUrl":"https:\/\/adminlte.io\/wp-content\/uploads\/2022\/02\/laravel-logo.png","datePublished":"2024-02-04T09:16:00+00:00","dateModified":"2024-02-07T14:57:54+00:00","breadcrumb":{"@id":"https:\/\/adminlte.io\/blog\/integrate-adminlte-with-laravel\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/adminlte.io\/blog\/integrate-adminlte-with-laravel\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/adminlte.io\/blog\/integrate-adminlte-with-laravel\/#primaryimage","url":"https:\/\/adminlte.io\/wp-content\/uploads\/2022\/02\/laravel-logo.png","contentUrl":"https:\/\/adminlte.io\/wp-content\/uploads\/2022\/02\/laravel-logo.png","width":948,"height":410,"caption":"AdminLTE on Laravel"},{"@type":"BreadcrumbList","@id":"https:\/\/adminlte.io\/blog\/integrate-adminlte-with-laravel\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/adminlte.io\/"},{"@type":"ListItem","position":2,"name":"Integrate AdminLTE with Laravel 5\ufffc"}]},{"@type":"WebSite","@id":"https:\/\/adminlte.io\/#website","url":"https:\/\/adminlte.io\/","name":"AdminLTE.IO","description":"Most popular Bootstrap admin dashboard template in the world with 5M users. Download it now!","publisher":{"@id":"https:\/\/adminlte.io\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/adminlte.io\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/adminlte.io\/#organization","name":"AdminLTE.IO","url":"https:\/\/adminlte.io\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/adminlte.io\/#\/schema\/logo\/image\/","url":"https:\/\/adminlte.io\/wp-content\/uploads\/2021\/03\/logo.png","contentUrl":"https:\/\/adminlte.io\/wp-content\/uploads\/2021\/03\/logo.png","width":160,"height":27,"caption":"AdminLTE.IO"},"image":{"@id":"https:\/\/adminlte.io\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/adminlte.io\/#\/schema\/person\/aa7c266eeaaa5904b28ffc48ffef873a","name":"Rok Krivec","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/adminlte.io\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/82b98253902070d47006b28ef270c79c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/82b98253902070d47006b28ef270c79c?s=96&d=mm&r=g","caption":"Rok Krivec"},"sameAs":["https:\/\/colorlib.com\/"]}]}},"_links":{"self":[{"href":"https:\/\/adminlte.io\/wp-json\/wp\/v2\/posts\/1678"}],"collection":[{"href":"https:\/\/adminlte.io\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/adminlte.io\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/adminlte.io\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/adminlte.io\/wp-json\/wp\/v2\/comments?post=1678"}],"version-history":[{"count":12,"href":"https:\/\/adminlte.io\/wp-json\/wp\/v2\/posts\/1678\/revisions"}],"predecessor-version":[{"id":1973,"href":"https:\/\/adminlte.io\/wp-json\/wp\/v2\/posts\/1678\/revisions\/1973"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/adminlte.io\/wp-json\/wp\/v2\/media\/1694"}],"wp:attachment":[{"href":"https:\/\/adminlte.io\/wp-json\/wp\/v2\/media?parent=1678"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/adminlte.io\/wp-json\/wp\/v2\/categories?post=1678"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/adminlte.io\/wp-json\/wp\/v2\/tags?post=1678"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}