CINXE.COM
Blog :: Backpack for Laravel
<!DOCTYPE html> <html lang="en"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="csrf-token" content="qQAmnoqvyPBeo247Qhvb7WGe6CRQpVsHtdn4U9ph" /> <meta name="google-site-verification" content="NfSJhLH4VVEn1n1Db6oV10MIF-9wCSny4LSvkD5CrB8" /> <link rel="canonical" href="https://backpackforlaravel.com/articles"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/site.webmanifest"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#7451c3"> <meta name="msapplication-TileColor" content="#7451c3"> <meta name="theme-color" content="#161c2d"> <title>Blog :: Backpack for Laravel</title> <meta name="description" content="All articles in the Backpack blog. Here's where we post news, tutorials, howtos, tips&tricks and our opinions about building software using Laravel."> <!-- General --> <meta name="keywords" content="backpack for laravel, laravel, admin panel"> <meta name="robots" content="index, follow"> <!-- Twitter Cards --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Blog"> <meta name="twitter:description" content="All articles in the Backpack blog. Here's where we post news, tutorials, howtos, tips&tricks and our opinions about building software using Laravel."> <meta name="twitter:image" content="https://backpackforlaravel.com/presentation/img/backpack/socials/backpack_og_image_general.jpg"> <meta name="twitter:creator" content="@laravelbackpack"/> <meta name="twitter:site" content="@laravelbackpack"/> <!-- Open Graph --> <meta property="og:site_name" content="Backpack for Laravel"> <meta property="og:title" content="Blog"> <meta property="og:description" content="All articles in the Backpack blog. Here's where we post news, tutorials, howtos, tips&tricks and our opinions about building software using Laravel."> <meta property="og:image" content="https://backpackforlaravel.com/presentation/img/backpack/socials/backpack_og_image_general.jpg"> <meta property="og:url" content="https://backpackforlaravel.com/articles"> <meta property="og:locale" content="en"> <meta property="og:type" content="website"> <!-- JSON-LD --> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebPage", "name": "Blog", "description": "All articles in the Backpack blog. Here's where we post news, tutorials, howtos, tips&tricks and our opinions about building software using Laravel.", "image": ["https://backpackforlaravel.com/presentation/img/backpack/socials/backpack_og_image_general.jpg"], "url": "https://backpackforlaravel.com/articles" } </script> <!-- CSS for libraries needed on all static pages --> <link rel="stylesheet" href="https://backpackforlaravel.com/presentation/css/theme.css"> <link rel="stylesheet" href="https://backpackforlaravel.com/presentation/css/theme-overwrites.css?v=3"> <link rel="stylesheet" href="https://backpackforlaravel.com/presentation/css/noty.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jarallax/1.12.0/jarallax.css"> <!-- Non-critical CSS - their loading is deferred --> <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <link rel="preload" href="https://backpackforlaravel.com/presentation/fonts/Feather/feather.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <!-- But fall back to standard CSS loading if JavaScript is not enabled --> <noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css"></noscript> <noscript><link rel="stylesheet" href="https://backpackforlaravel.com/presentation/fonts/Feather/feather.css"></noscript> <style >[wire\:loading], [wire\:loading\.delay], [wire\:loading\.inline-block], [wire\:loading\.inline], [wire\:loading\.block], [wire\:loading\.flex], [wire\:loading\.table], [wire\:loading\.grid], [wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short], [wire\:loading\.delay\.long], [wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest] {display:none;}[wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {animation-duration: 50000s;animation-name: livewireautofill;}@keyframes livewireautofill { from {} }</style> <script defer data-domain="backpackforlaravel.com" src="https://sweet-surf-fd04.dhcfw.workers.dev/js/script.pageview-props.js"></script> <script> window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) } // mark this pageview as logged in or not plausible('pageview', {props: {logged_in: 'false'}}); </script> </head> <body class="bg-light"> <nav id="secondaryNavbar" class="bg-light d-print-none" aria-label="breadcrumb"> <div class="container"> <div class="row"> <div class="col-12"> <!-- WHEN NOT LOGGEN IN --> <div class="text-muted font-size-sm pt-3 float-left d-none d-sm-block">Create custom Laravel admin panels. Fast!</div> <ul class="nav font-size-sm float-right mt-1 mb-0"> <li class="nav-item"> <a class="nav-link text-muted" href="https://backpackforlaravel.com/login">Sign In</a> </li> <li class="nav-item"> <a class="nav-link text-muted" href="https://backpackforlaravel.com/register">Sign Up</a> </li> </ul> </div> </div> </div> </nav> <nav id="primaryNavbar" class="navbar navbar-expand-lg border-top navbar-light bg-white border-bottom"> <div class="container"> <!-- Brand --> <a class="navbar-brand" href="https://backpackforlaravel.com"> <img src="https://backpackforlaravel.com/presentation/img/backpack/logos/backpack_logo.svg" class="navbar-brand-img" alt="..." style="min-width: 200px; max-height: 2.8rem; height: 80px;"> </a> <!-- Toggler --> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <!-- Collapse --> <div class="collapse navbar-collapse" id="navbarCollapse"> <!-- Toggler --> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"> <i class="fe fe-x"></i> </button> <!-- Navigation --> <ul class="navbar-nav ml-auto "> <li class="nav-item"> <a class="nav-link" href="https://backpackforlaravel.com/docs/6.x"> Documentation </a> </li> <li class="nav-item"> <a class="nav-link" href="https://backpackforlaravel.com/pricing"> Pricing </a> </li> <li class="nav-item"> <a class="nav-link" href="https://backpackforlaravel.com/addons"> Add-Ons </a> </li> <li class="nav-item"> <a class="nav-link" href="https://backpackforlaravel.com/need-freelancer-or-development-team"> Services </a> </li> <li class="nav-item"> <a class="nav-link" style="padding-right: 0" href="https://backpackforlaravel.com/articles"> Blog <span class="badge text-danger" style="position: relative; left: -10px; top: -10px; padding: 0">New!</span> </a> </li> <li class="nav-item"> <a class="nav-link" href="https://backpackforlaravel.com/contact"> Contact </a> </li> <li class="nav-item"> <a href="https://github.com/laravel-backpack/crud" title="See on Github" class="d-block pt-1 ml-1 mr-1" style="padding-top: 0.28rem!important;" target="_blank"> <svg width="23" height="21" viewBox="0 0 45 43" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M22.4781 0.254117C10.4847 0.254117 0.760742 9.97812 0.760742 21.9741C0.760742 31.5701 6.98341 39.7101 15.6141 42.5834C16.7007 42.7821 17.0967 42.1114 17.0967 41.5354C17.0967 41.0208 17.0781 39.6541 17.0674 37.8421C11.0261 39.1541 9.75141 34.9301 9.75141 34.9301C8.76341 32.4221 7.33941 31.7541 7.33941 31.7541C5.36741 30.4061 7.48874 30.4328 7.48874 30.4328C9.66874 30.5874 10.8154 32.6714 10.8154 32.6714C12.7527 35.9901 15.8994 35.0314 17.1367 34.4768C17.3341 33.0728 17.8941 32.1154 18.5154 31.5728C13.6927 31.0248 8.62207 29.1608 8.62207 20.8381C8.62207 18.4674 9.46874 16.5288 10.8581 15.0101C10.6341 14.4608 9.88874 12.2528 11.0701 9.26212C11.0701 9.26212 12.8941 8.67812 17.0434 11.4888C18.7754 11.0075 20.6341 10.7661 22.4807 10.7581C24.3247 10.7661 26.1834 11.0075 27.9181 11.4888C32.0647 8.67812 33.8847 9.26212 33.8847 9.26212C35.0701 12.2528 34.3247 14.4608 34.1007 15.0101C35.4927 16.5288 36.3341 18.4674 36.3341 20.8381C36.3341 29.1821 31.2554 31.0181 26.4167 31.5554C27.1967 32.2261 27.8914 33.5514 27.8914 35.5781C27.8914 38.4808 27.8647 40.8234 27.8647 41.5354C27.8647 42.1168 28.2554 42.7928 29.3581 42.5808C37.9821 39.7021 44.1994 31.5675 44.1994 21.9741C44.1994 9.97812 34.4741 0.254117 22.4781 0.254117Z" fill="#525252"></path> </svg> </a> </li> </ul> <!-- Button --> <!-- <a class="navbar-btn btn btn-sm btn-info shadow ml-auto lift" href="docs/index.html" target="_blank"> Hire Us </a> --> </div> </div> </nav> <!-- WELCOME ================================================== --> <section data-jarallax data-speed=".8" class="py-10 py-md-11 mb-9 overlay overlay-black overlay-60 bg-black jarallax" style="background: url('https://backpackforlaravel.com/presentation/img/patterns/pattern-1.svg');"> <div class="container"> <div class="row justify-content-center"> <div class="col-12 col-md-10 col-lg-7 text-center"> <!-- Heading --> <h1 class="display-2 font-weight-bold text-white"> All Articles </h1> <!-- Text --> <p class="mb-0 text-white-75"> See what's new. Both from the Backpack team, and from developers just like you. Then <a href="/cdn-cgi/l/email-protection#aec6cbc2c2c1eecccfcdc5decfcdc5c8c1dcc2cfdccfd8cbc280cdc1c391dddbccc4cbcdda93eccfcdc5decfcdc58eefdcdac7cdc2cb8ee7cacbcf88ccc1cad793e6c78efacfcccfcdc7dadb828ee789c38edac6c7c0c5c7c0c98ec1c88ededbccc2c7ddc6c7c0c98ecfc08ecfdcdac7cdc2cb8ec1c08ecccfcdc5decfcdc5c8c1dcc2cfdccfd8cbc280cdc1c3828ecfccc1dbda8ef6808ef9c6cfda8ecac18ed7c1db8edac6c7c0c5828ed9c1dbc2ca8edac6cfda8ec8c7da8ed9cbc2c2918efdc6c1dbc2ca8ee78edddacfdcda8ed9dcc7dac7c0c98ec7da91" class="text-white">publish articles</a> to share your knowledge and get a little exposure. </p> </div> </div> <!-- / .row --> </div> <!-- / .container --> </section> <!-- SEARCH ================================================== --> <section class="mt-n11 mb-8"> <div class="container"> <div class="row"> <div class="col-12"> <!-- Form --> <!-- <form class="rounded shadow mb-4"> <div class="input-group input-group-lg"> <div class="input-group-prepend"> <span class="input-group-text border-0 pr-1"> <i class="fe fe-search"></i> </span> </div> <input type="text" class="form-control border-0 px-1" aria-label="Search our blog..." placeholder="Search our blog..."> <div class="input-group-append"> <span class="input-group-text border-0 py-0 pl-1 pr-3"> <a class="btn btn-sm btn-info" href="backpack_category.html"> Search </a> </span> </div> </div> </form> --> <!-- Badges --> <div class="row align-items-center mt-10"> <div class="col-auto"> <!-- Heading --> <h6 class="font-weight-bold text-uppercase text-muted mb-0"> Categories: </h6> </div> <div class="col ml-n5"> <a class="badge badge-pill badge-secondary-soft" href="https://backpackforlaravel.com/articles/tutorials"> <span class="h6 text-uppercase">Tutorials (56)</span> </a> <a class="badge badge-pill badge-secondary-soft" href="https://backpackforlaravel.com/articles/recommendations"> <span class="h6 text-uppercase">Recommendations (5)</span> </a> <a class="badge badge-pill badge-secondary-soft" href="https://backpackforlaravel.com/articles/news"> <span class="h6 text-uppercase">News (72)</span> </a> <a class="badge badge-pill badge-secondary-soft" href="https://backpackforlaravel.com/articles/tips-and-tricks"> <span class="h6 text-uppercase">Tips and tricks (16)</span> </a> <a class="badge badge-pill badge-secondary-soft" href="https://backpackforlaravel.com/articles/getting-started"> <span class="h6 text-uppercase">Getting Started (2)</span> </a> <a class="badge badge-pill badge-secondary-soft" href="https://backpackforlaravel.com/articles/show-and-tell"> <span class="h6 text-uppercase">Show and tell (2)</span> </a> <a class="badge badge-pill badge-secondary-soft" href="https://backpackforlaravel.com/articles/maintainer-news"> <span class="h6 text-uppercase">Maintainer News (1)</span> </a> <a class="badge badge-pill badge-secondary-soft" href="https://backpackforlaravel.com/articles/opinions"> <span class="h6 text-uppercase">Opinions (6)</span> </a> </div> </div> <!-- / .row --> </div> </div> <!-- / .row --> </div> </section> <!-- ARTICLES ================================================== --> <section class="pt-2 pt-md-1 "> <div class="container"> <div class="row"> <div class="col-12 col-md-6 mb-6 d-flex"> <!-- Card --> <div class="card shadow lift lift-lg"> <!-- Image --> <a class="card-img-top" href="#!"> <!-- Image --> <!-- Shape --> </a> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/recommendations/building-a-crm-with-backpack-for-laravel-the-fun-easy-way"> <!-- Heading --> <h3> Building a CRM with Backpack for Laravel – The Fun & Easy Way </h3> <!-- Text --> <p class="mb-0 text-muted"> So, you want to build a CRM (Customer Relationship Management) system? But the idea of manually setting up CRUDs, operations, and all that stuff for customers, deals, and contacts make you run for the hills? Yeah, I feel you. Wel... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/recommendations/building-a-crm-with-backpack-for-laravel-the-fun-easy-way"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2025-03-21">6 days ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 mb-6 d-flex"> <!-- Card --> <div class="card shadow lift lift-lg"> <!-- Image --> <a class="card-img-top" href="#!"> <!-- Image --> <!-- Shape --> </a> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tutorials/what-can-you-do-with-laravel-middleware-more-than-you-think"> <!-- Heading --> <h3> What Can You Do with Laravel Middleware? (More Than You Think!) </h3> <!-- Text --> <p class="mb-0 text-muted"> Did you ever find yourself writing the same checks in multiple controllers? Like formatting inputs, blocking access, or tracking user activity? It all starts feeling repetitive, right?... and it gets old fast. That’s where middlew... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tutorials/what-can-you-do-with-laravel-middleware-more-than-you-think"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2025-03-11">2 weeks ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/news/progress-report-february-2025"> <!-- Heading --> <h3> Progress Report: February 2025 </h3> <!-- Text --> <p class="mb-0 text-muted"> Wow, another month - February truly is a short one, isn't it?! This month we've still focused on the next version of Backpack... but we... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/news/progress-report-february-2025"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars.githubusercontent.com/u/1032474?v=3" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Cristian Tabacitu </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2025-02-28">3 weeks ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tutorials/how-to-build-a-laravel-dashboard-using-backpack-in-no-time"> <!-- Heading --> <h3> How to Build a Laravel Dashboard Using Backpack (In No Time) </h3> <!-- Text --> <p class="mb-0 text-muted"> Every successful app needs a dashboard. It’s where you keep an eye on the important stuff. However, building one from scratch is time-c... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tutorials/how-to-build-a-laravel-dashboard-using-backpack-in-no-time"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2025-02-23">1 month ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tutorials/mastering-laravel-where-to-put-your-custom-code-and-why"> <!-- Heading --> <h3> Mastering Laravel: Where to Put Your Custom Code (And Why) </h3> <!-- Text --> <p class="mb-0 text-muted"> Laravel has plenty of built-in features and conventions to keep your code clean. But let’s be real: sooner or later, you’ll need to wri... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tutorials/mastering-laravel-where-to-put-your-custom-code-and-why"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2025-02-16">1 month ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tutorials/access-crud-subfields-via-javascript"> <!-- Heading --> <h3> Access CRUD subfields via Javascript </h3> <!-- Text --> <p class="mb-0 text-muted"> In a previous tutorial, I talked about the CrudField JavaScript Library. I presented an example on how to change one field as the user... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tutorials/access-crud-subfields-via-javascript"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2025-02-05">1 month ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/news/progress-report-january-2025"> <!-- Heading --> <h3> Progress Report - January 2025 </h3> <!-- Text --> <p class="mb-0 text-muted"> First month of 2025 has already come and gone - wow! We're working on a few big things, that haven't seen the light of day yet, so... w... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/news/progress-report-january-2025"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars.githubusercontent.com/u/1032474?v=3" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Cristian Tabacitu </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2025-01-31">1 month ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tutorials/how-to-install-mailpit-on-laravel-forge"> <!-- Heading --> <h3> How To Install MailPit on Laravel Forge </h3> <!-- Text --> <p class="mb-0 text-muted"> So you have a staging environment set up, and want to catch all emails that go out? You might use MailTrap for that. It's a great hoste... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tutorials/how-to-install-mailpit-on-laravel-forge"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars.githubusercontent.com/u/1032474?v=3" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Cristian Tabacitu </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2025-01-20">2 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tutorials/how-to-use-backpack-fields-on-non-crud-laravel-page"> <!-- Heading --> <h3> How to use Backpack Fields on Non-CRUD Laravel Page </h3> <!-- Text --> <p class="mb-0 text-muted"> Using Backpack admin panel is always fun with its add-ons and features like Backpack Fields and various Operations, saving a lot of tim... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tutorials/how-to-use-backpack-fields-on-non-crud-laravel-page"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2025-01-13">2 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tutorials/laravel-custom-blade-directives-for-your-views"> <!-- Heading --> <h3> Custom @blade directives for your views. </h3> <!-- Text --> <p class="mb-0 text-muted"> Blade Directives in Laravel offer a clean way to include content dynamically within your views, which also improves the readability an... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tutorials/laravel-custom-blade-directives-for-your-views"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2025-01-11">2 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/news/progress-report-december-2024"> <!-- Heading --> <h3> Progress Report - December 2024 </h3> <!-- Text --> <p class="mb-0 text-muted"> This was a slower month at Backpack HQ. We had burned out our tires last month with the Black Friday rush and security fixes, so it was... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/news/progress-report-december-2024"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars.githubusercontent.com/u/1032474?v=3" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Cristian Tabacitu </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-12-31">2 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tutorials/easy-https-setup-with-sail-and-frankenphp"> <!-- Heading --> <h3> Easy HTTPS Setup with Sail and FrankenPHP </h3> <!-- Text --> <p class="mb-0 text-muted"> If you're developing a Laravel application locally using Laravel Sail (Laravel's Docker-based development environment), you might notic... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tutorials/easy-https-setup-with-sail-and-frankenphp"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars3.githubusercontent.com/u/26017547?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Kidd Tang </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-12-29">2 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/opinions/backpack-vs-filament"> <!-- Heading --> <h3> Backpack vs Filament </h3> <!-- Text --> <p class="mb-0 text-muted"> So... you need to build an admin panel for your Laravel app, and you're looking for the best tool to build it. You're on the right trac... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/opinions/backpack-vs-filament"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars.githubusercontent.com/u/1032474?v=3" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Cristian Tabacitu </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-12-28">2 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tutorials/how-to-compare-two-crud-entities"> <!-- Heading --> <h3> How to compare two CRUD entities. </h3> <!-- Text --> <p class="mb-0 text-muted"> Let's say I have a lengthy online form related to hiring for a particular position, and I received a good number of applicants. Now, lo... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tutorials/how-to-compare-two-crud-entities"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-12-17">3 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tutorials/list-and-preview-data-from-other-sources-like-apis"> <!-- Heading --> <h3> List and preview data from other sources like APIs. </h3> <!-- Text --> <p class="mb-0 text-muted"> In a recent article, I showed how to set up an Eloquent model for data sources other than DB. In this article, I'll show how you can li... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tutorials/list-and-preview-data-from-other-sources-like-apis"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-12-10">3 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tutorials/how-to-setup-nested-crud"> <!-- Heading --> <h3> How to setup Nested CRUD </h3> <!-- Text --> <p class="mb-0 text-muted"> Imagine a blog's admin who could list all posts in the admin panel. What if the admin wants to see a list of articles posted by a user... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tutorials/how-to-setup-nested-crud"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-12-02">3 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/news/progress-report-november-2024"> <!-- Heading --> <h3> Progress Report - November 2024 </h3> <!-- Text --> <p class="mb-0 text-muted"> Another busy month at Backpack HQ. This month was dominated by a security issue, our Black Friday promo and our work on Backpack v7. Le... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/news/progress-report-november-2024"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars.githubusercontent.com/u/1032474?v=3" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Cristian Tabacitu </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-11-30">3 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/news/black-week-discounts-hurry-up"> <!-- Heading --> <h3> Black Week DISCOUNTS - Hurry Up! </h3> <!-- Text --> <p class="mb-0 text-muted"> Are you on the fence on buying Backpack? Have you wanted to upgrade to a bigger plan... but it was too expensive for you? We've got GRE... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/news/black-week-discounts-hurry-up"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars.githubusercontent.com/u/1032474?v=3" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Cristian Tabacitu </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-11-24">4 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tutorials/how-to-add-webauthn-passkeys-to-backpack-for-laravel-admin-panel"> <!-- Heading --> <h3> How to add WebAuthn Passkeys To Backpack For Laravel Admin Panel </h3> <!-- Text --> <p class="mb-0 text-muted"> Want to make your Laravel Backpack admin panel more secure with a unique login experience for your admins? I'll show you how to add Pas... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tutorials/how-to-add-webauthn-passkeys-to-backpack-for-laravel-admin-panel"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars3.githubusercontent.com/u/26017547?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Kidd Tang </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-11-17">4 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tutorials/how-to-integrate-cloudflare-turnstile-in-laravel-backpack-without-any-package"> <!-- Heading --> <h3> How To Integrate Cloudflare Turnstile in Laravel Backpack without any package </h3> <!-- Text --> <p class="mb-0 text-muted"> Laravel Backpack is one of the most powerful admin panels for building your custom project. Laravel 11, combined with Laravel Backpack... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tutorials/how-to-integrate-cloudflare-turnstile-in-laravel-backpack-without-any-package"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars3.githubusercontent.com/u/26017547?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Kidd Tang </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-11-05">4 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/news/progress-report-october-2024"> <!-- Heading --> <h3> Progress Report - October 2024 </h3> <!-- Text --> <p class="mb-0 text-muted"> New month, new things to share! Hold onto your seats... this one has some very juicy announcements - new features, new add-ons, new bug... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/news/progress-report-october-2024"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars.githubusercontent.com/u/1032474?v=3" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Cristian Tabacitu </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-10-31">4 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/news/new-docs-ai-answers-your-community-questions"> <!-- Heading --> <h3> New: Docs AI Answers your Community Questions </h3> <!-- Text --> <p class="mb-0 text-muted"> We have great news! But first, context: last month we launched our experimental AI in our docs. If you have purchased any premium Backp... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/news/new-docs-ai-answers-your-community-questions"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars.githubusercontent.com/u/1032474?v=3" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Cristian Tabacitu </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-10-31">4 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tutorials/sushi-your-eloquent-model-driver-for-other-data-sources"> <!-- Heading --> <h3> 🍣 Sushi — Your Eloquent model driver for other data sources </h3> <!-- Text --> <p class="mb-0 text-muted"> In Laravel projects, we usually store data in databases, create tables, and run migrations. But not every bit of data needs that level... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tutorials/sushi-your-eloquent-model-driver-for-other-data-sources"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-10-21">5 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tutorials/how-to-add-a-custom-livewire-form-to-backpack"> <!-- Heading --> <h3> How to add a custom Livewire form to Backpack </h3> <!-- Text --> <p class="mb-0 text-muted"> One of the biggest headaches in web development is managing frontend and backend interactions. I’m talking about smooth validation resp... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tutorials/how-to-add-a-custom-livewire-form-to-backpack"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-10-20">5 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tutorials/quickest-way-to-setup-php-environment-laravel-herd-mysql"> <!-- Heading --> <h3> Quickest way to setup PHP Environment (Laravel Herd + MySql) </h3> <!-- Text --> <p class="mb-0 text-muted"> Setting up a local development environment can be a time taking hassle—whether it's using Docker or manual installations. Laravel Herd... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tutorials/quickest-way-to-setup-php-environment-laravel-herd-mysql"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-10-07">5 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/news/progress-report-september-2024"> <!-- Heading --> <h3> Progress Report - September 2024 </h3> <!-- Text --> <p class="mb-0 text-muted"> Another month of progress here, at Backpack HQ. Most of the things we've been working on are under-the-hood, since our current goal is... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/news/progress-report-september-2024"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars.githubusercontent.com/u/1032474?v=3" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Cristian Tabacitu </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-09-30">5 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/opinions/backpack-vs-laravel-nova"> <!-- Heading --> <h3> Backpack vs Laravel Nova </h3> <!-- Text --> <p class="mb-0 text-muted"> Trying to decide between Backpack for Laravel and Laravel Nova? Well, grab a cup of coffee (or whatever keeps you going), and let’s di... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/opinions/backpack-vs-laravel-nova"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars.githubusercontent.com/u/1032474?v=3" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Cristian Tabacitu </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-09-30">5 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tutorials/new-in-v6-turn-multiple-crud-buttons-into-a-dropdown"> <!-- Heading --> <h3> New in v6: Turn Multiple CRUD Buttons into a Dropdown </h3> <!-- Text --> <p class="mb-0 text-muted"> Do you find yourself drowning in a sea of action buttons in your CRUD table? You're not alone! Too many buttons can create a cluttered... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tutorials/new-in-v6-turn-multiple-crud-buttons-into-a-dropdown"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-09-27">6 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/recommendations/best-free-html-templates-for-admin-panels-in-2024"> <!-- Heading --> <h3> Best free HTML templates for admin panels in 2024 </h3> <!-- Text --> <p class="mb-0 text-muted"> If you're looking for a free HTML template to build an admin panel, there are several popular options available. In this article, I'll... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/recommendations/best-free-html-templates-for-admin-panels-in-2024"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-09-26">6 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tutorials/guide-on-access-control-for-your-admin-panel"> <!-- Heading --> <h3> How to configure User Access Control and Permissions in 10 minutes </h3> <!-- Text --> <p class="mb-0 text-muted"> Hey folks! So, picture this: you're crafting your admin panel and the need for proper access control hits you. Admin panels without rol... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tutorials/guide-on-access-control-for-your-admin-panel"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-09-17">6 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/news/progress-report-august-2024"> <!-- Heading --> <h3> Progress Report - August 2024 </h3> <!-- Text --> <p class="mb-0 text-muted"> Another good month of progress here at Backpack HQ, despite the summer holidays and all. Again, our current goal is to solidify the cur... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/news/progress-report-august-2024"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars.githubusercontent.com/u/1032474?v=3" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Cristian Tabacitu </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-08-29">6 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tutorials/add-engaging-animations-to-your-web-app-for-free"> <!-- Heading --> <h3> Add Engaging Animations To Your Webapp for FREE </h3> <!-- Text --> <p class="mb-0 text-muted"> Lottie animations have become a popular choice for adding rich, engaging animations to websites and apps. They’re lightweight, scalable... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tutorials/add-engaging-animations-to-your-web-app-for-free"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-08-25">7 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tutorials/make-your-webapp-or-admin-panel-installable-as-a-mobile-app"> <!-- Heading --> <h3> Make Your WebApp or Admin Panel Installable as a Mobile App </h3> <!-- Text --> <p class="mb-0 text-muted"> Ever noticed a little icon or popup on your browser asking you to install the web app you're currently browsing? It’s a cool feature th... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tutorials/make-your-webapp-or-admin-panel-installable-as-a-mobile-app"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-08-18">7 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/news/progress-report-july-2024"> <!-- Heading --> <h3> Progress Report - July 2024 </h3> <!-- Text --> <p class="mb-0 text-muted"> Another good month of progress here at Backpack HQ. Our current goal is to solidify the current version. We're doing that by improving... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/news/progress-report-july-2024"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars.githubusercontent.com/u/1032474?v=3" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Cristian Tabacitu </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-07-31">7 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tips-and-tricks/top-10-php-features-you-can-use-in-2024"> <!-- Heading --> <h3> Top 10 PHP Features You Can Use in 2024 </h3> <!-- Text --> <p class="mb-0 text-muted"> Hey PHP fans! This article highlights some excellent new features of our favorite scripting language. Whether you're a seasoned pro or... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tips-and-tricks/top-10-php-features-you-can-use-in-2024"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-07-23">8 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tutorials/how-to-create-an-ajax-operation-with-quick-button"> <!-- Heading --> <h3> How to create an AJAX Operation with Quick Button </h3> <!-- Text --> <p class="mb-0 text-muted"> Today, let's talk about the Quick Button. It's been around for a while, helping us easily create action buttons. But what if you need a... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tutorials/how-to-create-an-ajax-operation-with-quick-button"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-07-16">8 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tips-and-tricks/laravel-advanced-top-10-validation-rules-you-didn-t-know-existed"> <!-- Heading --> <h3> Laravel Advanced: Top 10 Validation Rules You Didn't Know Existed </h3> <!-- Text --> <p class="mb-0 text-muted"> Do you know all the validation rules available in Laravel? Think again! Laravel has many ready-to-use validation rules that can make yo... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tips-and-tricks/laravel-advanced-top-10-validation-rules-you-didn-t-know-existed"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-07-09">8 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tips-and-tricks/laravel-advanced-little-known-relationships-hasonethrough-and-hasmanythrough"> <!-- Heading --> <h3> Laravel Advanced: Little Known Relationships - hasOneThrough() and hasManyThrough() </h3> <!-- Text --> <p class="mb-0 text-muted"> You've probably used hasOne, hasMany, belongsTo, and belongsToMany relationships in your projects. But did you know Laravel also offers... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tips-and-tricks/laravel-advanced-little-known-relationships-hasonethrough-and-hasmanythrough"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-07-02">8 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/news/progress-report-june-2024"> <!-- Heading --> <h3> Progress Report - June 2024 </h3> <!-- Text --> <p class="mb-0 text-muted"> Another full month here at Backpack. Let's dig into it: Maintenance This month, Pedro has been working hard on Uploaders, which has an... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/news/progress-report-june-2024"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars.githubusercontent.com/u/1032474?v=3" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Cristian Tabacitu </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-06-30">8 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tips-and-tricks/laravel-advanced-caching-explained-simply"> <!-- Heading --> <h3> Laravel Advanced: Caching - Explained Simply </h3> <!-- Text --> <p class="mb-0 text-muted"> Caching is like keeping your favorite toy right on top of your toy box, so you can grab it quickly whenever you want to play. Similarly... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tips-and-tricks/laravel-advanced-caching-explained-simply"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-06-20">9 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/news/huge-discounts-to-celebrate-8-years-of-backpack"> <!-- Heading --> <h3> Huge Discounts to Celebrate 8 Years of Backpack! Go get 'em! </h3> <!-- Text --> <p class="mb-0 text-muted"> As I mentioned in my previous article, we're celebrating Backpack turning 8 years old... with a BANG! If you've been with us for a whil... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/news/huge-discounts-to-celebrate-8-years-of-backpack"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars.githubusercontent.com/u/1032474?v=3" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Cristian Tabacitu </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-06-09">9 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/news/progress-report-may-2024"> <!-- Heading --> <h3> Progress Report - May 2024 </h3> <!-- Text --> <p class="mb-0 text-muted"> Another full month here at Backpack. Both Jorge and Antonio have been missing this month, but that doesn't mean we don't have anything... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/news/progress-report-may-2024"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars.githubusercontent.com/u/1032474?v=3" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Cristian Tabacitu </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-05-31">9 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/maintainer-news/backpack-admin-panel-history"> <!-- Heading --> <h3> Backpack Is 8 Years Old Now 🥳 Here’s Some History </h3> <!-- Text --> <p class="mb-0 text-muted"> I had this realization the other day - and it blew my mind. Eight years is a lot of time! To put that into perspective: 20% of new bus... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/maintainer-news/backpack-admin-panel-history"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars.githubusercontent.com/u/1032474?v=3" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Cristian Tabacitu </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-05-27">10 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tips-and-tricks/laravel-advanced-lesser-known-yet-useful-composer-commands"> <!-- Heading --> <h3> Laravel Advanced: Lesser-Known, Yet Useful Composer Commands </h3> <!-- Text --> <p class="mb-0 text-muted"> Composer is the go-to dependency manager for PHP, and if you're working with Laravel, you're already familiar with frequently used comm... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tips-and-tricks/laravel-advanced-lesser-known-yet-useful-composer-commands"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-05-26">10 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tips-and-tricks/laravel-advanced-know-the-sneaky-loop"> <!-- Heading --> <h3> Laravel Advanced: Know the sneaky $loop. </h3> <!-- Text --> <p class="mb-0 text-muted"> Blade provides directives like @foreach, @while, @for, and @forelse for working with PHP's loop. Did you know... A handy $loop variable... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tips-and-tricks/laravel-advanced-know-the-sneaky-loop"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-05-19">10 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/opinions/choose-boring-technology-for-long-term-projects"> <!-- Heading --> <h3> Choose 'Boring' Technology for Long-Term Projects </h3> <!-- Text --> <p class="mb-0 text-muted"> Ever chased a tech trend, only to regret it a couple of years down the line? You're not alone. I've been building stuff on the web for... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/opinions/choose-boring-technology-for-long-term-projects"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars.githubusercontent.com/u/1032474?v=3" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Cristian Tabacitu </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-05-10">10 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/news/progress-report-april-2024"> <!-- Heading --> <h3> Progress Report: April 2024 </h3> <!-- Text --> <p class="mb-0 text-muted"> Another full month here at Backpack. Let's dig into it: Support It's been a busy month for Jorge and Karan, but they've handled it like... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/news/progress-report-april-2024"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars.githubusercontent.com/u/1032474?v=3" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Cristian Tabacitu </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-04-30">10 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tips-and-tricks/top-10-collection-methods-you-have-never-used"> <!-- Heading --> <h3> Top 10 Laravel Collection Methods You Have Never Used. </h3> <!-- Text --> <p class="mb-0 text-muted"> In this article series, we go a little deeper into parts of Laravel we all use, to uncover functions and features that we can use in ou... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tips-and-tricks/top-10-collection-methods-you-have-never-used"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-04-28">10 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/getting-started/generate-crud-create-read-update-delete-in-laravel-in-5-minutes"> <!-- Heading --> <h3> Generate a Laravel CRUD (Create, Read, Update, Delete) in 5 minutes. </h3> <!-- Text --> <p class="mb-0 text-muted"> Are you building your App on Laravel? That's a great choice🎉. You must be planning an Admin panel for it. Well, if you're building one... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/getting-started/generate-crud-create-read-update-delete-in-laravel-in-5-minutes"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-04-21">11 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tutorials/new-addon-edit-laravel-translations-from-your-admin-panel"> <!-- Heading --> <h3> New Addon: Edit Laravel Translations from Your Admin Panel. </h3> <!-- Text --> <p class="mb-0 text-muted"> Are you working on a multilingual app? If so, you must be tired of translating your Laravel application. Going through language files i... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tutorials/new-addon-edit-laravel-translations-from-your-admin-panel"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-04-13">11 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tutorials/language-switcher-ui-for-your-laravel-app"> <!-- Heading --> <h3> Language switcher UI for your Laravel App </h3> <!-- Text --> <p class="mb-0 text-muted"> Are your admins asking for multi-language support? Do they want a language switcher, to enjoy using their dashboard in their preferred... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tutorials/language-switcher-ui-for-your-laravel-app"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-04-07">11 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/news/progress-report-march-2024"> <!-- Heading --> <h3> Progress Report: March 2024 </h3> <!-- Text --> <p class="mb-0 text-muted"> Another good month here at Backpack. Let's dig into it: Maintenance Pedro has been on 🔥 yet another month: All our packages now supp... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/news/progress-report-march-2024"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars.githubusercontent.com/u/1032474?v=3" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Cristian Tabacitu </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-03-30">11 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tips-and-tricks/laravel-advanced-top-5-scheduler-functions-you-might-not-know-about"> <!-- Heading --> <h3> Laravel Advanced: Top 5 Scheduler Functions You Might Not Know About </h3> <!-- Text --> <p class="mb-0 text-muted"> In this article series, we go a little deeper into parts of Laravel we all use, to uncover functions and features that we can use in ou... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tips-and-tricks/laravel-advanced-top-5-scheduler-functions-you-might-not-know-about"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-03-30">11 months ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tutorials/receive-notifications-from-your-laravel-app-using-slack-with-a-10-minutes-setup"> <!-- Heading --> <h3> Receive Slack Notifications from your Laravel App with a 10-minute Setup </h3> <!-- Text --> <p class="mb-0 text-muted"> In the previous article, I introduced a Backpack's new Menu Dropdown Column component which I use for my e-commerce admin panel. Today,... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tutorials/receive-notifications-from-your-laravel-app-using-slack-with-a-10-minutes-setup"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-03-22">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tutorials/new-in-v6-a-larger-layout-for-your-large-set-of-menu-items"> <!-- Heading --> <h3> New in v6: A larger layout for your large set of menu items. </h3> <!-- Text --> <p class="mb-0 text-muted"> I'm running an e-commerce website and its admin panel is built on the Backpack. It keeps growing with many CRUDs and features. This als... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tutorials/new-in-v6-a-larger-layout-for-your-large-set-of-menu-items"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-03-17">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tutorials/new-in-v6-setup-calendar-view-on-your-laravel-projects"> <!-- Heading --> <h3> New in v6: Setup Calendar view on your Laravel projects </h3> <!-- Text --> <p class="mb-0 text-muted"> Last month, we introduced a new feature in Backpack. It is CalendarOperation, a simple way for your admins to see their database entrie... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tutorials/new-in-v6-setup-calendar-view-on-your-laravel-projects"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-03-08">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/news/progress-report-february-2024"> <!-- Heading --> <h3> Progress Report: February 2024 </h3> <!-- Text --> <p class="mb-0 text-muted"> 2024 has started strong, and February proves it. Many new users this month, so a lot more issues came in, but Jorge and Karan have done... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/news/progress-report-february-2024"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars.githubusercontent.com/u/1032474?v=3" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Cristian Tabacitu </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-02-29">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tutorials/new-in-v6-how-to-setup-multiple-views-on-list-operation"> <!-- Heading --> <h3> New in v6: How to setup multiple views on List operation </h3> <!-- Text --> <p class="mb-0 text-muted"> Last month, we launched an operation called CustomViewOperation. This helps to set up multiple custom views for ListOperation, where ea... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tutorials/new-in-v6-how-to-setup-multiple-views-on-list-operation"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-02-25">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/opinions/what-i-missed-when-building-an-mvp-with-laravel"> <!-- Heading --> <h3> What I missed when building an MVP with Laravel </h3> <!-- Text --> <p class="mb-0 text-muted"> I've been building a small app on the side. It's not for Laravel developers specifically, but if you're curious... it does one thing -... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/opinions/what-i-missed-when-building-an-mvp-with-laravel"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars.githubusercontent.com/u/1032474?v=3" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Cristian Tabacitu </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-02-20">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tutorials/how-to-access-crud-fields-via-javascript-to-manipulate-form"> <!-- Heading --> <h3> How to access CRUD fields via javascript to manipulate Form </h3> <!-- Text --> <p class="mb-0 text-muted"> Hey there! This is a quick tutorial on the CrudField JavaScript Library. I'm trying it for the first time while writing this article. I... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tutorials/how-to-access-crud-fields-via-javascript-to-manipulate-form"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-02-18">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/news/progress-report-january-2024"> <!-- Heading --> <h3> Progress Report: January 2024 </h3> <!-- Text --> <p class="mb-0 text-muted"> Happy new year, everyone! This is our first report of 2024, and we can clearly say... this year has started at full speed. A lot more i... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/news/progress-report-january-2024"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars.githubusercontent.com/u/1032474?v=3" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Cristian Tabacitu </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-01-30">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tutorials/setup-graphql-in-laravel-using-lighthouse"> <!-- Heading --> <h3> Setup GraphQL in Laravel using Lighthouse </h3> <!-- Text --> <p class="mb-0 text-muted"> So, you're eager to level up your API game with GraphQL for Laravel? Awesome! In this article, i'm going to help you set up a GraphQL... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tutorials/setup-graphql-in-laravel-using-lighthouse"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-01-28">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tutorials/cheers-to-lewis-and-excel-imports-for-backpack"> <!-- Heading --> <h3> Cheers to Lewis and Excel Imports for Backpack! </h3> <!-- Text --> <p class="mb-0 text-muted"> Hey there!👋 Today, we're are not just diving into the code tutorial but taking a moment to appreciate @redsquirrelstudio (aka Lewis).... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tutorials/cheers-to-lewis-and-excel-imports-for-backpack"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-01-21">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tutorials/how-to-build-an-image-slider-crud-backpack-basics"> <!-- Heading --> <h3> How to Build an Image Slider CRUD - Backpack Basics </h3> <!-- Text --> <p class="mb-0 text-muted"> I was working on a website and I had to allow the admin to create image sliders to place on website pages. Sliders are common and admin... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tutorials/how-to-build-an-image-slider-crud-backpack-basics"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2024-01-07">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tutorials/how-i-created-a-custom-webcam-field-for-backpack"> <!-- Heading --> <h3> How I created a custom “webcam” field for Backpack. </h3> <!-- Text --> <p class="mb-0 text-muted"> I have a project which is being used in exhibitions to print ID cards. People come for spot registrations and collect a physical ID bad... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tutorials/how-i-created-a-custom-webcam-field-for-backpack"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2023-12-31">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/news/progress-report-december-2023"> <!-- Heading --> <h3> Progress Report - December 2023 </h3> <!-- Text --> <p class="mb-0 text-muted"> Ho ho ho! 🎅 Hope you enjoyed your holidays, if you celebrate them! Most of us here do, so it's been an "light" month for tea... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/news/progress-report-december-2023"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars.githubusercontent.com/u/1032474?v=3" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Cristian Tabacitu </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2023-12-30">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/opinions/top-3-reasons-why-free-dependencies-are-not-exactly-free"> <!-- Heading --> <h3> Top 3 Reasons Why FREE Dependencies are Not Exactly FREE </h3> <!-- Text --> <p class="mb-0 text-muted"> I’ve seen this happen so many times, especially with devs who are newer to PHP, or come from JS. Their composer.json looks is an endles... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/opinions/top-3-reasons-why-free-dependencies-are-not-exactly-free"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars.githubusercontent.com/u/1032474?v=3" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Cristian Tabacitu </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2023-12-18">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tutorials/how-to-create-a-trash-deleted-section-in-backpack-crud"> <!-- Heading --> <h3> How to create a Trash/Deleted section in Backpack CRUD </h3> <!-- Text --> <p class="mb-0 text-muted"> Are you using SoftDeletes on any of your Eloquent models? Do you want the admin to be able to soft delete, hard delete or recover items... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tutorials/how-to-create-a-trash-deleted-section-in-backpack-crud"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2023-12-17">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tips-and-tricks/how-to-add-a-tooltip-to-a-field-label"> <!-- Heading --> <h3> How to add a tooltip to a field label </h3> <!-- Text --> <p class="mb-0 text-muted"> Someone just asked me why "it is not possible in Backpack to add a question icon next to each field, with a tooltip for more info... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tips-and-tricks/how-to-add-a-tooltip-to-a-field-label"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars.githubusercontent.com/u/1032474?v=3" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Cristian Tabacitu </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2023-12-14">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tutorials/how-to-build-a-theme-picker-for-backpack-admin-panel"> <!-- Heading --> <h3> How to build a theme-picker for Backpack admin panel. </h3> <!-- Text --> <p class="mb-0 text-muted"> As a developer who uses Backpack, choosing a different theme is easy. But you can also... let your users change the theme! In fact, we... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tutorials/how-to-build-a-theme-picker-for-backpack-admin-panel"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2023-12-10">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/news/progress-report-november-2023"> <!-- Heading --> <h3> Progress Report - November 2023 </h3> <!-- Text --> <p class="mb-0 text-muted"> We've been hard at work this month, fixing and polishing - our software, our processes and our services offering. Here's what's new, fr... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/news/progress-report-november-2023"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars.githubusercontent.com/u/1032474?v=3" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Cristian Tabacitu </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2023-11-30">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tutorials/how-to-make-custom-javascript-work-with-backpack-s-list-operation"> <!-- Heading --> <h3> How to make custom JavaScript work with Backpack's List Operation </h3> <!-- Text --> <p class="mb-0 text-muted"> Last month, we received a query on our backpack community forum. A user wanted to add custom JS, to show the tooltips for table section... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tutorials/how-to-make-custom-javascript-work-with-backpack-s-list-operation"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2023-11-26">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/news/many-many-discounts-black-week-black-friday-cyber-monday-and-more"> <!-- Heading --> <h3> Many Many Discounts - Black Week, Black Friday, Cyber Monday and more </h3> <!-- Text --> <p class="mb-0 text-muted"> 'Tis the season to be jolly! Wait, it's not Christmas yet. 👀 'Tis the season to be buying! That's more like it. If you've been with us... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/news/many-many-discounts-black-week-black-friday-cyber-monday-and-more"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars.githubusercontent.com/u/1032474?v=3" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Cristian Tabacitu </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2023-11-19">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/opinions/the-new-trend-in-web-development-keeping-it-simple"> <!-- Heading --> <h3> The New Trend in Web Development: Keeping It Simple </h3> <!-- Text --> <p class="mb-0 text-muted"> Web development is changing. Again! Here's how: The Modern Web What people call "the modern web" began to take shape in the e... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/opinions/the-new-trend-in-web-development-keeping-it-simple"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars.githubusercontent.com/u/1032474?v=3" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Cristian Tabacitu </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2023-11-17">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tutorials/easy-column-links-using-linkto"> <!-- Heading --> <h3> Easy Column Links using linkTo() </h3> <!-- Text --> <p class="mb-0 text-muted"> Hey there! 👋 Do you want an easy way to deep link your Backpack columns? Well, you're in luck! Backpack has introduced a new column at... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tutorials/easy-column-links-using-linkto"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2023-11-08">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tutorials/new-in-v6-granular-user-access-using-custom-closures"> <!-- Heading --> <h3> New in v6: Granular User Access, using Custom Closures </h3> <!-- Text --> <p class="mb-0 text-muted"> When it comes to building complex applications, controlling access to certain features or actions is paramount. Starting with Backpack... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tutorials/new-in-v6-granular-user-access-using-custom-closures"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2023-10-31">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/news/progress-report-october-2023"> <!-- Heading --> <h3> Progress Report - October 2023 </h3> <!-- Text --> <p class="mb-0 text-muted"> Happy to report that we've launched two new features this month. Both features make it dead-simple to do stuff that is more complex, bu... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/news/progress-report-october-2023"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars.githubusercontent.com/u/1032474?v=3" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Cristian Tabacitu </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2023-10-31">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tutorials/css-hooks-easy-css-customization-for-your-backpack-crud-panels"> <!-- Heading --> <h3> New in v6: CSS Hooks - Easy CSS Customization for Your Backpack CRUD Panels </h3> <!-- Text --> <p class="mb-0 text-muted"> Hey there! 👋 We've got just the trick for you! Let's talk about how you can sprinkle a little bit of your own magic on your CRUD Panel... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tutorials/css-hooks-easy-css-customization-for-your-backpack-crud-panels"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2023-10-26">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tutorials/how-graphql-is-better-than-rest-apis"> <!-- Heading --> <h3> How GraphQL is better than REST APIs. </h3> <!-- Text --> <p class="mb-0 text-muted"> Hey there, fellow Laravel developers! If you've been hearing about GraphQL and wondering what the buzz is all about, or if you're just... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tutorials/how-graphql-is-better-than-rest-apis"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2023-10-13">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tutorials/new-in-v6-how-to-use-spatie-media-library-in-backpack"> <!-- Heading --> <h3> New in v6: How to use Spatie Media Library in Backpack </h3> <!-- Text --> <p class="mb-0 text-muted"> Hey there, awesome developers! We've got some super exciting news for you! Backpack v6 now comes with super cool, first-party support... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tutorials/new-in-v6-how-to-use-spatie-media-library-in-backpack"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2023-10-10">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/news/progress-report-september-2023"> <!-- Heading --> <h3> Progress Report - September 2023 </h3> <!-- Text --> <p class="mb-0 text-muted"> This will be a short one. Not because we haven't done much - we have, but because we've been more focused on actually finishing things.... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/news/progress-report-september-2023"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars.githubusercontent.com/u/1032474?v=3" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Cristian Tabacitu </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2023-09-30">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/news/question-would-you-buy-1-on-1-consulting-with-a-backpack-core-maintainer"> <!-- Heading --> <h3> Question: Would You Buy 1-on-1 Consulting With a Backpack Core Maintainer? </h3> <!-- Text --> <p class="mb-0 text-muted"> Hey there! Context for those who don't know... we also offer web development and UX/UI services. Most of our clients are CTOs and found... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/news/question-would-you-buy-1-on-1-consulting-with-a-backpack-core-maintainer"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars.githubusercontent.com/u/1032474?v=3" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Cristian Tabacitu </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2023-09-27">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tutorials/new-in-v6-how-to-change-layout-for-panel-auth-views"> <!-- Heading --> <h3> New in v6: How to change layout for panel & auth views </h3> <!-- Text --> <p class="mb-0 text-muted"> Welcome to the world of custom themes for your Backpack v6 project! With the Tabler theme, you can easily change the layout for panel a... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tutorials/new-in-v6-how-to-change-layout-for-panel-auth-views"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2023-09-22">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tutorials/new-in-v6-how-to-enable-dark-mode-on-backpack"> <!-- Heading --> <h3> New in v6: How to enable dark-mode on Backpack 🌑✨ </h3> <!-- Text --> <p class="mb-0 text-muted"> Hello fellow developers! Are you ready to embrace the dark side? Starting from Backpack v6, we've got you covered with a sleek dark mod... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tutorials/new-in-v6-how-to-enable-dark-mode-on-backpack"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2023-09-15">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tutorials/new-in-v6-how-to-create-your-own-custom-theme-to-backpack-v6"> <!-- Heading --> <h3> New in v6: How to create your own custom theme to Backpack v6 </h3> <!-- Text --> <p class="mb-0 text-muted"> Hey devs, are you ready to create your own custom theme to Backpack v6? It's easier than you might think! Let's walk through the steps... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tutorials/new-in-v6-how-to-create-your-own-custom-theme-to-backpack-v6"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2023-09-08">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/news/give-a-discount-get-a-discount-introducing-backpack-rewards"> <!-- Heading --> <h3> Give a discount, get a discount! Introducing Backpack Rewards. </h3> <!-- Text --> <p class="mb-0 text-muted"> We have great news if you have friends... who are still not using Backpack. You can now refer people to Backpack and get rewarded for i... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/news/give-a-discount-get-a-discount-introducing-backpack-rewards"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars.githubusercontent.com/u/1032474?v=3" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Cristian Tabacitu </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2023-09-05">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/news/become-an-affiliate-spread-the-word-and-we-ll-share-the-profit"> <!-- Heading --> <h3> Spread the word and we'll share the profit. Become an Affiliate! </h3> <!-- Text --> <p class="mb-0 text-muted"> Do you have an audience that is interested in Laravel and/or admin panels? Then we're a great match, let's do business together! We'll... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/news/become-an-affiliate-spread-the-word-and-we-ll-share-the-profit"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars.githubusercontent.com/u/1032474?v=3" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Cristian Tabacitu </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2023-09-05">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/news/new-free-add-on-activity-log"> <!-- Heading --> <h3> New FREE Add-on - Activity Log </h3> <!-- Text --> <p class="mb-0 text-muted"> As we build features for ourselves and our clients, we try to release them to you too. Either as features in our existing products, or... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/news/new-free-add-on-activity-log"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars.githubusercontent.com/u/1032474?v=3" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Cristian Tabacitu </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2023-09-04">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tutorials/new-in-v6-how-to-change-themes-in-backpack-v6"> <!-- Heading --> <h3> New in v6: How to change themes in Backpack v6 </h3> <!-- Text --> <p class="mb-0 text-muted"> Hey there! In Backpack v6, we introduced themes so that you can add a bit of personality to your admin panels! Changing themes is a bre... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tutorials/new-in-v6-how-to-change-themes-in-backpack-v6"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2023-09-01">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/news/progress-report-august-2023"> <!-- Heading --> <h3> Progress Report - August 2023 </h3> <!-- Text --> <p class="mb-0 text-muted"> This was a very productive month for us. We've not only fixed bugs in our newest software, but we've also streamlined our support syste... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/news/progress-report-august-2023"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars.githubusercontent.com/u/1032474?v=3" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Cristian Tabacitu </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2023-08-31">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/news/new-basset-helper-yes-helper"> <!-- Heading --> <h3> New basset() helper (yes, helper) </h3> <!-- Text --> <p class="mb-0 text-muted"> As part of Backpack v6, we've invented a new way of loading assets in Laravel. And we've done that as an open-source package - one that... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/news/new-basset-helper-yes-helper"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars.githubusercontent.com/u/1032474?v=3" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Cristian Tabacitu </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2023-08-30">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tips-and-tricks/new-in-v6-how-to-create-a-quick-button-in-backpackforlaravel"> <!-- Heading --> <h3> New in v6: How to create a Quick Button in BackpackForLaravel </h3> <!-- Text --> <p class="mb-0 text-muted"> Hey there, fellow developers! In this article, we're going to explore the awesome new feature in version 6 of Backpack for Laravel - th... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tips-and-tricks/new-in-v6-how-to-create-a-quick-button-in-backpackforlaravel"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2023-08-24">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tips-and-tricks/new-in-v6-how-to-build-custom-form-operation-in-backpack-v6"> <!-- Heading --> <h3> New in v6: How to build Custom Form Operation in Backpack v6 </h3> <!-- Text --> <p class="mb-0 text-muted"> Hey devs, check out the amazing new feature in Backpack v6 - building custom forms with ease! In the past, creating a custom operation... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tips-and-tricks/new-in-v6-how-to-build-custom-form-operation-in-backpack-v6"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2023-08-17">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tips-and-tricks/new-in-v6-how-to-use-uploaders-making-upload-fields-easier-than-ever"> <!-- Heading --> <h3> New in v6: How to use Uploaders - Making Upload Fields Easier Than Ever! </h3> <!-- Text --> <p class="mb-0 text-muted"> Hey there, my friends! I've got some exciting news about Backpack v6 that will make your life as a developer even easier. Introducing a... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tips-and-tricks/new-in-v6-how-to-use-uploaders-making-upload-fields-easier-than-ever"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2023-08-10">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/tips-and-tricks/new-in-v6-how-to-use-dropzone-for-easy-file-uploads"> <!-- Heading --> <h3> New in v6: How to use Dropzone for Easy File Uploads! </h3> <!-- Text --> <p class="mb-0 text-muted"> Hey there! I've got some fantastic news to share with you about Backpack v6! We've introduced an amazing new feature called the "D... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/tips-and-tricks/new-in-v6-how-to-use-dropzone-for-easy-file-uploads"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars0.githubusercontent.com/u/8214221?v=4" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Karan Datwani </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2023-08-02">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/news/progress-report-july-2023"> <!-- Heading --> <h3> Progress Report - July 2023 </h3> <!-- Text --> <p class="mb-0 text-muted"> This was a crazy month for us. After having launched Backpack v6 at the beginning of the month (😱), we had a bit of calm... before the... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/news/progress-report-july-2023"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars.githubusercontent.com/u/1032474?v=3" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Cristian Tabacitu </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2023-07-31">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/news/30-discount-backpack-v6-launch-party"> <!-- Heading --> <h3> 30% Discount - Backpack v6 Launch Party </h3> <!-- Text --> <p class="mb-0 text-muted"> It's been a few weeks already since Backpack v6 has been not only launched, but the default version everybody uses. In the past 3 weeks... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/news/30-discount-backpack-v6-launch-party"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars.githubusercontent.com/u/1032474?v=3" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Cristian Tabacitu </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2023-07-21">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/news/new-theme-tabler"> <!-- Heading --> <h3> Excellent New Theme - Tabler </h3> <!-- Text --> <p class="mb-0 text-muted"> We're happy to announce our Tabler theme is finally out of beta 🎉 We've been working with Tabler for a long time, and it is spectacula... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/news/new-theme-tabler"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars.githubusercontent.com/u/1032474?v=3" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Cristian Tabacitu </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2023-07-16">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/news/progress-report-june-2023"> <!-- Heading --> <h3> Progress Report - June 2023 </h3> <!-- Text --> <p class="mb-0 text-muted"> This month our entire team has been working on Backpack v6. And for the first time ever... it felt like we were moving at incredible sp... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/news/progress-report-june-2023"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars.githubusercontent.com/u/1032474?v=3" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Cristian Tabacitu </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2023-06-30">1 year ago</time> </p> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-6 d-flex"> <!-- Card --> <div class="card mb-lg-0 shadow lift lift-lg"> <!-- Body --> <a class="card-body" href="https://backpackforlaravel.com/articles/news/backpack-v6-launches-this-weekend"> <!-- Heading --> <h3> Backpack v6 launches this weekend - with a huge discount! </h3> <!-- Text --> <p class="mb-0 text-muted"> We have EXCELLENT news. Thanks to an all-team-effort for the past month, we are very happy with the state of Backpack v6 - our latest a... </p> </a> <!-- Meta --> <a class="card-meta mt-auto" href="https://backpackforlaravel.com/articles/news/backpack-v6-launches-this-weekend"> <!-- Divider --> <hr class="card-meta-divider"> <!-- Avatar --> <div class="avatar avatar-sm mr-2"> <img src="https://avatars.githubusercontent.com/u/1032474?v=3" alt="..." class="avatar-img rounded-circle"> </div> <!-- Author --> <h6 class="text-uppercase text-muted mr-2 mb-0"> Cristian Tabacitu </h6> <!-- Date --> <p class="h6 text-uppercase text-muted mb-0 ml-auto"> <time datetime="2023-06-30">1 year ago</time> </p> </a> </div> </div> </div> <!-- / .row --> </div> <!-- / .container --> </section> <section class="pb-12"> <div class="container"> <div class="row"> <div class="col text-left"> <a class="btn btn-outline-info disabled">« Previous</a> </div> <div class="col text-right"> <a class="btn btn-outline-info" href="https://backpackforlaravel.com/articles?page=2" rel="next">Next »</a> </div> </div> </div> </section> <!-- SHAPE ================================================== --> <div class="position-relative"> <div class="shape shape-bottom shape-fluid-x svg-shim text-gray-200"> <svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0 48H1437.5H2880V0H2160C1442.5 52 720 0 720 0H0V48Z" fill="currentColor"/> </svg> </div> </div> <!-- CTA ================================================== --> <footer class="py-8 py-md-11 bg-gray-200 d-print-none"> <div class="container"> <div class="row"> <div class="d-none d-lg-block col-md-6 col-lg-4"> <!-- Brand --> <img src="https://backpackforlaravel.com/presentation/img/backpack/logos/backpack_logo.svg" alt="..." class="footer-brand img-fluid mb-2" style="max-width: 80%; filter: none!important;"> <!-- Text --> <p class="text-gray-600 mb-2 font-size-sm"> Build admin panels for your clients, the easy way. </p> <!-- Social --> <ul class="list-unstyled list-inline list-social mb-6 mb-md-0"> <li class="list-inline-item list-social-item mr-3"> <a href="https://github.com/laravel-backpack" class="text-decoration-none"> <i class="fe fe-github"></i> </a> </li> <li class="list-inline-item list-social-item mr-3"> <a href="https://www.twitter.com/laravelbackpack/" class="text-decoration-none"> <i class="fe fe-twitter"></i> </a> </li> <li class="list-inline-item list-social-item mr-3"> <a href="https://www.facebook.com/BackpackForLaravel/" class="text-decoration-none"> <i class="fe fe-facebook"></i> </a> </li> <li class="list-inline-item list-social-item mr-3"> <a href="https://stackoverflow.com/questions/tagged/backpack-for-laravel" class="text-decoration-none"> <i class="fe fe-layers"></i> </a> </li> </ul> </div> <div class="col-6 col-md-3 col-lg-2"> <!-- Heading --> <div class="h6 font-weight-bold text-uppercase text-gray-700"> First time? </div> <!-- List --> <ul class="list-unstyled text-muted mb-6 mb-md-8 mb-lg-0"> <li class="mb-3"> <a href="https://backpackforlaravel.com/docs/6.x/getting-started-basics" class="text-reset"> Text Tutorial </a> </li> <li class="mb-3"> <a href="https://backpackforlaravel.com/docs/6.x/getting-started-videos" class="text-reset"> Video Tutorial </a> </li> <li class="mb-3"> <a href="https://backpackforlaravel.com/docs/6.x" class="text-reset"> Documentation </a> </li> <li class="mb-3"> <a href="https://backpackforlaravel.com/docs/features-free-vs-paid" class="text-reset"> Free vs Paid </a> </li> </ul> </div> <div class="col-6 col-md-3 col-lg-2 offset-lg-0"> <!-- Heading --> <div class="h6 font-weight-bold text-uppercase text-gray-700"> Features </div> <!-- List --> <ul class="list-unstyled text-muted mb-0"> <li class="mb-3"> <a href="https://backpackforlaravel.com/laravel-crud" class="text-reset"> CRUDs </a> </li> <li class="mb-3"> <a href="https://backpackforlaravel.com/laravel-forms" class="text-reset"> Forms </a> </li> <li class="mb-3"> <a href="https://backpackforlaravel.com/laravel-dashboard" class="text-reset"> Dashboards </a> </li> <li class="mb-3"> <a href="https://backpackforlaravel.com/laravel-crud-generator" class="text-reset"> Generators </a> </li> <!-- <li class="mb-3"> <a href="https://backpackforlaravel.com/newsletter" class="text-reset"> Newsletter </a> </li> --> </ul> </div> <div class="col-6 col-md-3 col-lg-2 offset-lg-0"> <!-- Heading --> <div class="h6 font-weight-bold text-uppercase text-gray-700"> Community </div> <!-- List --> <ul class="list-unstyled text-muted mb-0"> <li class="mb-3"> <a href="https://github.com/Laravel-Backpack/community-forum/discussions" class="text-reset"> Forum </a> </li> <li class="mb-3"> <a href="https://backpackforlaravel.com/articles" class="text-reset"> Articles </a> </li> <li class="mb-3"> <a href="https://backpackforlaravel.com/addons" class="text-reset"> Add-ons </a> </li> <li class="mb-3"> <a href="https://backpackforlaravel.com/newsletter" class="text-reset"> Newsletter </a> </li> <!-- <li class="mb-3"> <a href="" class="text-reset"> Github </a> </li> --> <!-- <li class="mb-3"> <a href="https://backpackforlaravel.com/newsletter" class="text-reset"> Newsletter </a> </li> --> </ul> </div> <div class="col-6 col-md-3 col-lg-2"> <!-- Heading --> <div class="h6 font-weight-bold text-uppercase text-gray-700"> Legal </div> <!-- List --> <ul class="list-unstyled text-muted mb-0"> <li class="mb-3"> <a href="https://backpackforlaravel.com/eula" class="text-reset"> EULA </a> </li> <li class="mb-3"> <a href="https://backpackforlaravel.com/cookie-policy" class="text-reset"> Cookie Policy </a> </li> <li class="mb-3"> <a href="https://backpackforlaravel.com/privacy-policy" class="text-reset"> Privacy Policy </a> </li> <li class="mb-3"> <a href="https://backpackforlaravel.com/rewards-policy" class="text-reset"> Rewards T&C </a> </li> </ul> </div> </div> <!-- / .row --> </div> <!-- / .container --> </footer> <!-- JS needed on all static pages --> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/loadCSS/2.1.0/cssrelpreload.min.js"></script> <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/aos/3.0.0-beta.6/aos.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/smooth-scroll/16.1.0/smooth-scroll.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jarallax/1.12.0/jarallax.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jarallax/1.12.0/jarallax-video.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jarallax/1.12.0/jarallax-element.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script> <!-- Theme JS --> <!-- build:js @webRoot/assets/js/theme.min.js --> <script src="https://backpackforlaravel.com/presentation/js/aos.js"></script> <script src="https://backpackforlaravel.com/presentation/js/fancybox.js"></script> <script src="https://backpackforlaravel.com/presentation/js/navbar.js"></script> <script src="https://backpackforlaravel.com/presentation/js/polyfills.js"></script> <script src="https://backpackforlaravel.com/presentation/js/popovers.js"></script> <script src="https://backpackforlaravel.com/presentation/js/smooth-scroll.js"></script> <script src="https://backpackforlaravel.com/presentation/js/theme.js"></script> <script src="https://backpackforlaravel.com/presentation/js/tooltips.js"></script> <script src="https://backpackforlaravel.com/presentation/js/dropdown.js"></script> <!-- endbuild --> <script> // Scroll to hash on page load document.addEventListener("DOMContentLoaded", function () { if (window.location.hash) { const targetElement = document.querySelector(window.location.hash); if (targetElement) { setTimeout(() => { targetElement.scrollIntoView({ behavior: "smooth" }); }, 500); // Small delay to ensure the page is fully rendered } } }); // Set active state on navbar links jQuery(document).ready(function($) { var current_url = "https://backpackforlaravel.com/articles"; var full_url = current_url+location.search; var $navLinks = $("#primaryNavbar li a"); // Don't do that on homepage if (current_url == "https://backpackforlaravel.com") { return ; } // First look for an exact match including the search string var $curentPageLink = $navLinks.filter( function() { return $(this).attr('href') === full_url; } ); // If not found, look for the link that starts with the url if(!$curentPageLink.length > 0){ $curentPageLink = $navLinks.filter( function() { return $(this).attr('href').startsWith(current_url) || current_url.startsWith($(this).attr('href')); } ); } if($curentPageLink.length > 0) { $curentPageLink.addClass('active'); } }); </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/noty/3.1.4/noty.min.js"></script> <script> $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } }); </script> <script type="text/javascript"> Noty.overrideDefaults({ layout : 'topRight', theme : 'sunset', timeout : 2500, closeWith: ['click', 'button'], }); </script> <script src="/livewire/livewire.js?id=90730a3b0e7144480175" data-turbo-eval="false" data-turbolinks-eval="false" ></script><script data-turbo-eval="false" data-turbolinks-eval="false" >window.livewire = new Livewire();window.Livewire = window.livewire;window.livewire_app_url = '';window.livewire_token = 'qQAmnoqvyPBeo247Qhvb7WGe6CRQpVsHtdn4U9ph';window.deferLoadingAlpine = function (callback) {window.addEventListener('livewire:load', function () {callback();});};let started = false;window.addEventListener('alpine:initializing', function () {if (! started) {window.livewire.start();started = true;}});document.addEventListener("DOMContentLoaded", function () {if (! started) {window.livewire.start();started = true;}});</script> </body> </html>