Lessons
What We'll Be Building
At the end of this series, we'll have a feature-complete application with organizations, teams, drag-and-drop ordering, password reset, and more! So, let's take a second to see our end goal and walk through the app.
What Is InertiaJS?
In this lesson, we'll introduce InertiaJS. We'll discuss what it is, what it helps with, its adapters, and more.
AdonisJS + InertiaJS #9.0
How To Create An AdonisJS 5 & Inertia 1 Project with SSR
In this lesson, we’ll take a look at how to set up AdonisJS 5 and InertiaJS V1 using server-side rendering (SSR).
AdonisJS + InertiaJS #8.0
Form Validation Error Handling
In this lesson, we'll see just how nice InertiaJS is when it comes to form validation error handling. As you'll see, little work needs to be done on our part.
AdonisJS + InertiaJS #7.0
Introducing InertiaJS Forms & The InertiaJS Form Helper
In this lesson, we'll learn about InertiaJS and how it differs when it comes to forms. We'll see how it helps simplify response handling and treats forms as a hybrid between APIs and a Monolith. We'll also learn about Inertia's form helper.
AdonisJS + InertiaJS #6.0
Simplifying Imports with Path Aliases & Global Components
In this lesson, we'll learn how to add a path alias with Webpack Encore to eliminate relative paths from our client-side imports. We'll also learn how to register global Vue 3 components.
AdonisJS + InertiaJS #5.0
Naive UI and Vue 3 Component Import on Demand
In this lesson, we'll be installing Naive UI, a Vue 3 component library, to our Inertia and Vue 3 application. Then, we'll set up Import on Demand so components will auto-resolve as we use them.
AdonisJS + InertiaJS #4.0
Adding TailwindCSS to our Adonis, Inertia, Vue Application
In this lesson, we'll learn how to add TailwindCSS to an Adonis, Inertia, and Vue 3 application using Webpack Encore.
AdonisJS + InertiaJS #3.0
Creating Layouts and Defining Default Layouts
In this lesson, we'll learn how to create and define layouts within our AdonisJS and InertiaJS app. We'll also learn how we can easily add support for default layouts as well.
AdonisJS + InertiaJS #2.0
Understanding The Flow Between Adonis, Inertia, and Vue 3
In this lesson, we'll be inspecting the request flow from Adonis through Inertia and to Vue for both initial and subsequent requests.
AdonisJS + InertiaJS #1.0
How To Add InertiaJS to a New AdonisJS Project
In this lesson, we'll create a new AdonisJS project, then install and configure InertiaJS with Vue 3 using the InertiaJS-AdonisJS adapter.
Showing 91 to 101 of 101 results