Recently Released.

Newly Released in the last 30 days
Video preview
Adocasts Plus Exclusive
Free in 7 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 3 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
Profile Settings

User Profile Settings

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

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
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
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
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
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
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
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
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
Deleting Courses
Building with AdonisJS & Inertia #8.3
・
Dec 02, 24

Deleting Courses

In this lesson, we'll add the ability to delete courses from an organization with confirmation from our user.

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.

Video preview
Adocasts Plus Exclusive
Exclusive
Querying & Listing Courses
Building with AdonisJS & Inertia #8.0
・
Nov 27, 24

Querying & Listing An Organization's Courses

In this lesson, we'll query the active organization's courses and list them out in a table.

Video preview
Adocasts Plus Exclusive
Exclusive
Building with AdonisJS & Inertia #8.1
・
Nov 27, 24

Creating A New Course

In this lesson, we'll add the ability to create a new course within the active organization.

Video preview
Adocasts Plus Exclusive
Exclusive
Editing & Updating Courses
Building with AdonisJS & Inertia #8.2
・
Nov 27, 24

Editing & Updating Courses

In this lesson, we'll add the ability to edit and update a course within the active organization.

Video preview
Adocasts Plus Exclusive
Exclusive
Statuses & Access Levels
Building with AdonisJS & Inertia #7.7
・
Nov 22, 24

Replicating Behaviors for Access Levels & Statuses

In this lesson, we'll replicate everything we've done for difficulties to add our access levels and statuses.

Video preview
Adocasts Plus Exclusive
Exclusive
Drag & Drop Sorting
Building with AdonisJS & Inertia #7.5
・
Nov 22, 24

Sorting Difficulties with Drag & Drop

In this lesson, we'll allow our user's to customize the ordering of their difficulties via drag-and-drop using VueDraggable. When they commit a change by dropping an item, we'll persist the updated sort to our database.

Video preview
Adocasts Plus Exclusive
Exclusive
Reusable Sorting
Building with AdonisJS & Inertia #7.6
・
Nov 22, 24

Creating A Reusable Sorting Vue Component

In this lesson, we'll extract the drag-and-drop logic we added in the last lesson into a reusable Vue component so we can easily make use of the same behavior for our access levels & statuses.

Video preview
Adocasts Plus Exclusive
Exclusive
Updating Difficulties
Building with AdonisJS & Inertia #7.1
・
Nov 15, 24

Updating Difficulties

In this lesson, we'll add the ability to update an organization's difficulties using our useResourceActions composable.

Video preview
Adocasts Plus Exclusive
Exclusive
Deleting Difficulties
Building with AdonisJS & Inertia #7.2
・
Nov 15, 24

Confirming & Deleting Difficulties

In this lesson, we'll add the ability to delete an organization's difficulties. We'll also make use of our ConfirmDeleteDialog component to confirm the deletion action with our user.

Showing 21 to 40 of 86 results