Tutorials

See what's new. Both from the Backpack team, and from developers just like you. Then publish articles to share your knowledge and get a little exposure.

How to compare two CRUD entities.

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, looking at a glance, these records look very similar, which makes it a bit hard to compare. This...

...
Karan Datwani

List and preview data from other sources like APIs.

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 list and preview data coming from other data sources (like an API), using Backpack's CRUD Panels....

...
Karan Datwani

How to setup Nested CRUD

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...

...
Karan Datwani

How to add WebAuthn Passkeys To Backpack For Laravel Admin Panel

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...

...
Kidd Tang

How To Integrate Cloudflare Turnstile in Laravel Backpack without any package

Laravel Backpack is one of the most powerful admin panels for building your custom project. Laravel 11, combined with Laravel Backpack...

...
Kidd Tang

🍣 Sushi — Your Eloquent model driver for other data sources

In Laravel projects, we usually store data in databases, create tables, and run migrations. But not every bit of data needs that level...

...
Karan Datwani

How to add a custom Livewire form to Backpack

One of the biggest headaches in web development is managing frontend and backend interactions. I’m talking about smooth validation resp...

...
Karan Datwani

Quickest way to setup PHP Environment (Laravel Herd + MySql)

Setting up a local development environment can be a time taking hassle—whether it's using Docker or manual installations. Laravel Herd...

...
Karan Datwani

New in v6: Turn Multiple CRUD Buttons into a Dropdown

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...

...
Karan Datwani

How to configure User Access Control and Permissions in 10 minutes

Hey folks! So, picture this: you're crafting your admin panel and the need for proper access control hits you. Admin panels without rol...

...
Karan Datwani

Add Engaging Animations To Your Webapp for FREE

Lottie animations have become a popular choice for adding rich, engaging animations to websites and apps. They’re lightweight, scalable...

...
Karan Datwani

Make Your WebApp or Admin Panel Installable as a Mobile App

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...

...
Karan Datwani

How to create an AJAX Operation with Quick Button

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...

...
Karan Datwani

New Addon: Edit Laravel Translations from Your Admin Panel.

Are you working on a multilingual app? If so, you must be tired of translating your Laravel application. Going through language files i...

...
Karan Datwani

Language switcher UI for your Laravel App

Are your admins asking for multi-language support? Do they want a language switcher, to enjoy using their dashboard in their preferred...

...
Karan Datwani

Receive Slack Notifications from your Laravel App with a 10-minute Setup

In the previous article, I introduced a Backpack's new Menu Dropdown Column component which I use for my e-commerce admin panel. Today,...

...
Karan Datwani

New in v6: A larger layout for your large set of menu items.

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...

...
Karan Datwani

New in v6: Setup Calendar view on your Laravel projects

Last month, we introduced a new feature in Backpack. It is CalendarOperation, a simple way for your admins to see their database entrie...

...
Karan Datwani

New in v6: How to setup multiple views on List operation

Last month, we launched an operation called CustomViewOperation. This helps to set up multiple custom views for ListOperation, where ea...

...
Karan Datwani

How to access CRUD fields via javascript to manipulate Form

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...

...
Karan Datwani

Setup GraphQL in Laravel using Lighthouse

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...

...
Karan Datwani

Cheers to Lewis and Excel Imports for Backpack!

Hey there!đź‘‹ Today, we're are not just diving into the code tutorial but taking a moment to appreciate @redsquirrelstudio (aka Lewis)....

...
Karan Datwani

How to Build an Image Slider CRUD - Backpack Basics

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...

...
Karan Datwani

How I created a custom “webcam” field for Backpack.

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...

...
Karan Datwani

How to create a Trash/Deleted section in Backpack CRUD

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...

...
Karan Datwani

How to build a theme-picker for Backpack admin panel.

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...

...
Karan Datwani

How to make custom JavaScript work with Backpack's List Operation

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...

...
Karan Datwani

Easy Column Links using linkTo()

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...

...
Karan Datwani

New in v6: Granular User Access, using Custom Closures

When it comes to building complex applications, controlling access to certain features or actions is paramount. Starting with Backpack...

...
Karan Datwani

New in v6: CSS Hooks - Easy CSS Customization for Your Backpack CRUD Panels

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...

...
Karan Datwani

How GraphQL is better than REST APIs.

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...

...
Karan Datwani

New in v6: How to use Spatie Media Library in Backpack

Hey there, awesome developers! We've got some super exciting news for you! Backpack v6 now comes with super cool, first-party support...

...
Karan Datwani

New in v6: How to change layout for panel & auth views

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...

...
Karan Datwani

New in v6: How to enable dark-mode on Backpack 🌑✨

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...

...
Karan Datwani

New in v6: How to create your own custom theme to Backpack v6

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...

...
Karan Datwani

New in v6: How to change themes in Backpack v6

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...

...
Karan Datwani

How to set up Laravel Valet (Nginx) + MySQL

A Few months ago, Tabacitu assigned me a task to install & try Spatie's Browsershot on the Laravel Valet environment. It was the fi...

...
Karan Datwani

How to add custom sections to CRUD tables and forms

In a recent project, I needed to customize my List and Create operations, to basically add content before or after the existing views....

...
Karan Datwani

How to create a custom operation that uses Backpack fields

In previous articles, I've shown you how to: create an operation (EmailOperation) with a custom HTML form; use that operation on yo...

...
Karan Datwani

How to create a Backpack add-on with a custom Operation

Say you’ve created a custom operation, and want to share it with other developers around the world. How do you do that? Well, it’s pret...

...
Karan Datwani

How to use a custom operation inside PermissionManager

So you want to add a new operation to the UserCrudController, the one that our PermissionManager addon provides? Here’s how you can do...

...
Karan Datwani

How to create a custom operation with a form

I needed a form that sends an email to each user, directly from the admin panel. I already had a Users CRUD, so here's how I added a fo...

...
Karan Datwani

New Addon - Editable Columns

Some of our admins have been asking to do quick edits, right from the table view. We've always whipped up a custom solution for them ri...

...
Cristian Tabacitu

How to create a Print operation

Give your admin the power to print a custom view. No new window, no page jump - just print using AJAX. I've been practicing Backpack fo...

...
Karan Datwani

How To Automatically Apply the Laravel-PHP Coding Style (For Free)

If you work inside a team, do yourself a favor - decide on a coding style and get the entire team to use it. Why Stick To a Standard Co...

...
Cristian Tabacitu

How to Submit a Non-trivial PR to a Laravel Package

If you want to contribute to a Laravel package with a PR, sometimes the Github interface is enough. You change one or two files there a...

...
Cristian Tabacitu

How to Add Impersonate Functionality to Your Backpack v4 Admin Panel

Sometimes it's useful for the admin to see everything from the user's perspective. To see exactly what he sees. With an admin panel lik...

...
Cristian Tabacitu

Nested resources in Backpack CRUD

Sometimes you'll have one resource that depends on another one. For example, you might have: a Post model; a User model; The admins c...

...
Cristian Tabacitu