Recently Released.

Newly Released in the last 30 days
Video preview
Adocasts Plus Exclusive
Free in 9 days
TailwindCSS 4
AdonisJS Quick Tip #24.0
・
Mar 28

How to Install & Configure TailwindCSS 4 in AdonisJS 6 using Vite

In this lesson, we'll learn how to get TailwindCSS 4 installed and configured within a new AdonisJS 6 project using TailwindCSS' Vite plugin. We'll then discuss some of the key changes around configuring Tailwind within your project.

Video preview
Adocasts Plus Exclusive
Free in 5 days
Dump & Die Debugging
AdonisJS Quick Tip #23.0
・
Mar 24

Dump & Die Debugging in AdonisJS 6

In this lesson, we'll cover the dump and die feature in AdonisJS 6, and how we can use it to easily inspect and debug state and other variables within our application.

Video preview
Adocasts Plus Exclusive
Exclusive
Infinite Scroll

Super Easy Infinite Scroll in InertiaJS 2 with Prop Merging

In this lesson, we'll learn how we can combine the new InertiaJS 2 features together, along with Lucid's pagination, to add infinite scrolling to our application. This is made super easily by the last new feature we'll dicuss, called merged props.

Video preview
Adocasts Plus Exclusive
Exclusive
Load When Visible

Deferring A Prop Load Until it is Visible in InertiaJS 2

In this lesson, we'll take a look at the new WhenVisible InertiaJS 2 component. This component uses an intersection observer to allow us to defer loading a prop's data until it is actually visible on the page.

Video preview
Adocasts Plus Exclusive
Exclusive
Deferred Prop Loading

Defer Loading Props in InertiaJS 2

In this lesson, we'll take a look at the new deferred props feature in InertiaJS 2. Deferred props allows us to delay a prop from loading until the page itself has mounted, which is great for slower queries or below the fold.

Lessons.

Video preview
Adocasts Plus Exclusive
Exclusive
User Invite Card

Adding the Organization Invite User Interface

In this lesson, we'll wrap up our invite send & accept flows by adding the UI needed to view pending organization invites as well as send new invites. We'll then walk through tests of each flow scenario to ensure all is working.

Video preview
Adocasts Plus Exclusive
Exclusive
Account Deletion & Deleting Dangling Organizations

Account Deletion & Cleaning Dangling Organizations

In this lesson, we'll add the ability for our user's to delete their accounts. During account deletion, we'll also delete any organization's this user is the only member of, keeping them from dangling inside our database without users.

Video preview
Adocasts Plus Exclusive
Exclusive
Email Changed Notification

Alerting Users When Their Account Email Is Changed

In this lesson, we'll add an additional security step onto our account email change logic, by also notifying the user's old email address about the change.

Video preview
Adocasts Plus Exclusive
Exclusive
Safely Updating the User's Email

Allowing Users to Safely Update Their Account Email

In this lesson, we'll add the ability for our users to safely update their account email address. We'll require them to confirm their password, then make the update in our database and log it to the user's email histories.

Video preview
Adocasts Plus Exclusive
Exclusive
Updating & Deleting an Organization

Updating & Deleting an Organization

In this lesson, we'll begin work on our organization's settings page by adding the ability to update and delete the active organization.

Video preview
New Unique & Exists Overloads
AdonisJS Quick Tip #22.0
・
Jan 07

New Unique & Exist Validation Overloads in AdonisJS 6

In this lesson, we'll cover the new overload option recently added to Lucid's VineJS unique and exists rules allowing for a simplified usage for common use-cases.

Video preview
Adocasts Plus Exclusive
Exclusive
Settings Shell

Creating the Settings Shell

In this lesson, we'll create shell specifically for our settings pages to live between our pages and their layouts.

Video preview
Adocasts Plus Exclusive
Exclusive
Profile Settings

User Profile Settings

In this lesson, we'll add our user profile settings form and update logic.

Video preview
3 Easy Ways to Split AdonisJS 6 Routes
AdonisJS Quick Tip #21.0
・
Dec 30, 24

3 Easy Ways to Split Route Definitions into Multiple Files in AdonisJS 6

Does your application have a ton of routes? In this lesson, we'll cover 3 easy ways you can split your application's route definitions into multiple files.

Video preview
Adocasts Plus Exclusive
Exclusive
Storing Module Reordering
Building with AdonisJS & Inertia #9.6
・
Dec 20, 24

Storing Module Order Changes from Vue Draggable

In this lesson, we'll persist sort order changes to the database when dragging and dropping a course's modules using Vue Draggable

Video preview
Adocasts Plus Exclusive
Exclusive
Lesson & Module Tag Selector
Building with AdonisJS & Inertia #9.5
・
Dec 20, 24

Patching Tag Changes for our Modules & Lessons

In this lesson, we’ll incorporate our Tag Selector component into our modules and lessons to facilitate easy visibility and updates of their statuses and access levels.

Video preview
Adocasts Plus Exclusive
Exclusive
Storing Lesson Reordering
Building with AdonisJS & Inertia #9.7
・
Dec 20, 24

Storing Lesson Order Changes & Handling Cross-Module Drag & Drops

In this lesson, save the changes made to lessons inside a course when a user uses drag-and-drop to move a lesson. Users can change the lesson order inside a single module or move a lesson into a new module, so we'll need to handle both use cases.

Video preview
Adocasts Plus Exclusive
Exclusive
Setting A Publish Date & Time
Building with AdonisJS & Inertia #9.4
・
Dec 13, 24

Adding A Publish Date & Time Input

In this lesson, we'll add publish at date & time fields to our lesson form. We'll learn how we can split these two values apart for their inputs and join them back together before sending to the server. We'll also touch on timezone considerations.

Video preview
Adocasts Plus Exclusive
Exclusive
Editing & Deleting Lessons
Building with AdonisJS & Inertia #9.3
・
Dec 13, 24

Editing & Deleting Course Lessons

In this lesson, we'll add the ability to edit and delete lessons from a course's module. When editing, we'll also decrement the order field for all lessons within the module after the lesson being deleted.

Video preview
Adocasts Plus Exclusive
Exclusive
Creating & Listing Course Lessons
Building with AdonisJS & Inertia #9.2
・
Dec 13, 24

Creating & Listing Sortable Course Lessons

In this lesson, we'll add the ability to create new lessons within a course's module. We'll then list the lessons within their designated module using the order specified by the user.

Video preview
Model Query Builder Macros in AdonisJS 6
AdonisJS Quick Tip #20.0
・
Dec 10, 24

Model Query Builder Macros in AdonisJS 6

In this lesson, we'll learn how we can add custom methods to the Model Query Builder with Lucid in AdonisJS 6 using macros.

Video preview
Adocasts Plus Exclusive
Exclusive
Course Module CRUD
Building with AdonisJS & Inertia #9.1
・
Dec 06, 24

Creating, Editing, & Deleting Course Modules

In this lesson, we'll add the ability to create, edit, and delete a course's modules using the reusable components and composables we've created in past lessons.

Video preview
Adocasts Plus Exclusive
Exclusive
Listing Sortable Course Modules
Building with AdonisJS & Inertia #9.0
・
Dec 06, 24

Querying & Listing Sortable Course Modules

In this lesson, we'll query and add a sortable list of a course's modules on the courses show page.

Video preview
Adocasts Plus Exclusive
Exclusive
Showing Course Details
Building with AdonisJS & Inertia #8.4
・
Dec 02, 24

Showing A Course's Details

In this lesson, we'll add our courses show page, which will be in charge of displaying the course details along with its modules & lessons. In this lesson we'll lay the groundwork, then in the next module we'll add in our modules & lessons.

Video preview
Adocasts Plus Exclusive
Exclusive
Tag Selector Component
Building with AdonisJS & Inertia #8.5
・
Dec 02, 24

The Tag Selector

In this lesson, we'll define a reusable tag selector component that we'll use for our difficulties, access levels, and statuses. This component will accept props that will automatically send a patch request to our server to update values as they change.

Showing 21 to 40 of 368 results