Lessons



Linking Between Pages & Page State Flow
In this lesson, we'll learn how to link from page to page the InertiaJS way. We'll then inspect how InertiaJS gets and updates our page's stateful information via our page props.



Sharing Data from AdonisJS to Vue via Inertia
In this lesson, we'll learn how to pass data from AdonisJS to Vue using Inertia as the broker. We'll discuss passing data from our controllers, from middleware, and globally via the Inertia shared data configuration.



The Flow of Pages and Page Props
In this lesson, we'll talk about the flow InertiaJS follows when rendering pages, from AdonisJS to our Vue application. Then, we'll talk about passing props to our Vue page components.



Setting Up TailwindCSS, Shadcn-Vue, and Automatic Component Imports
In this lesson, we'll install and configure Shadcn-Vue and TailwindCSS. We'll then set up automatic imports for all of our local Vue components.



AdonisJS In 30 #6.0
AdonisJS 6 Access Token Authentication in 20 Minutes
In this lesson, we'll cover how to implement access token authentication, using opaque tokens, in AdonisJS 6. We'll also take a look at what this would look like on the frontend via a Vue 3 app using Pinia


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 Quick Tip #10.0
How To Use Vue 3 with TypeScript in an AdonisJS Project
In this lesson, we’ll learn how to set up a Vue 3 TypeScript application within our AdonisJS project using Webpack Encore. We’ll start by getting Vue 3 working, then sprinkle in TypeScript support.


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


Amplify + Nuxt #7.0
How To Deploy a Nuxt SPA to AWS Amplify for Production
We'll learn how to create and deploy an Amplify production environment so that our development data and production data are separate from one another.


Amplify + Nuxt #6.0
How To Deploy A Nuxt SPA To AWS Amplify
In this lesson we cover how to deploy our Nuxt application as an SPA to AWS Amplify.


Amplify + Nuxt #5.0
Implementing Our Private & Public Amplify GraphQL API In Our Nuxt App
In this lesson we'll be implementing the publicly and privately accessible GraphQL API that we created in the last lesson within our Nuxt project.


Amplify + Nuxt #3.0
Adding Register and Login Flows Using AWS Amplify in a Nuxt App
We continue with our Amplify authentication by implementing our login and register flows within our Nuxt app. We'll add registration, email confirmation, login, login, and session persisting.


Amplify + Nuxt #2.0
How To Add Authentication Using AWS Amplify's Auth Class In A Nuxt App
In this lesson we'll go over how to add authentication to our Nuxt application using AWS Amplify. We'll also go over how to setup a Vuex store to interface with Amplify's Auth API.


How to Setup a Vue App Without a Bundler Using Snowpack (Version 1)
We'll cover how to setup a Vue project utilizing Snowpack V1 instead of a bundler, like Webpack. We'll also be using http-vue-loader so we can easily work with .vue single-file components.


Amplify + Nuxt #1.0
How To Setup AWS Amplify in a New Nuxt Project
We go over how install the AWS Amplify CLI and configure it locally on our machine. We'll create a new Nuxt project using create-nuxt-app. Then lastly, we'll configure Amplify to our Nuxt project so the two can successfully communicate with one another.
Showing 73 to 89 of 89 results