Recently Released.

Newly Released in the last 30 days
Video preview
Adocasts Plus Exclusive
Free in 12 days
Allowing Admins to Create Movies
Let's Learn AdonisJS 6 #11.3
Jun 12

Allowing Admins to Create Movies

In this lesson, we'll allow our administrators to create movies via our admin panel. We'll walk through getting the form set up, validated, and our movies created.

Video preview
Adocasts Plus Exclusive
Free in 12 days
Paginated Admin Movie Table
Let's Learn AdonisJS 6 #11.2
Jun 12

Paginated Admin Movie Table

In this lesson, we'll learn how we can create a paginated movie table for our administrators. We'll list the movies and some of their relationship data, like the number of crew and cast members associated with the movie.

Video preview
Adocasts Plus Exclusive
Free in 6 days
Counting Stats for our Admin Dashboard
Let's Learn AdonisJS 6 #11.1
Jun 06

Counting Stats for our Admin Dashboard

In this lesson, we'll perform various counts against our models to display on our admin dashboard page.

Video preview
Adocasts Plus Exclusive
Free in 6 days
Creating An Admin Layout
Let's Learn AdonisJS 6 #11.0
Jun 06

Creating An Admin Layout

In this lesson, we'll learn how to create an admin layout we can use throughout our admin section pages. This layout will include a secondary navigation specific to administrative actions.

Video preview
Adocasts Plus Exclusive
Free in 6 days
Filtering, Preloading, and Sorting By Relationship
Let's Learn AdonisJS 6 #10.5
Jun 06

Filtering, Preloading, and Sorting By Relationship

In this lesson, we'll list the movies a user has watched on their profile. To do this, we'll filter, preload, and sort by the watchlist relationship where the user's watched at value is not null.

Video preview
Adocasts Plus Exclusive
Free in 1 day
Displaying A User's Profile
Let's Learn AdonisJS 6 #10.4
Jun 01

Displaying A User's Profile

In this lesson, we'll learn how you can mimic popular sites and use an @ handle to display your user's profiles

Video preview
Adocasts Plus Exclusive
Free in 1 day
Uploading and Displaying User Avatars
Let's Learn AdonisJS 6 #10.3
Jun 01

Uploading and Displaying User Avatars

In this lesson, we'll learn how to validate and upload avatar images into our project's storage. We'll then learn how we can easily display images we have contained within our app's storage

Video preview
Saving All Or Nothing with Database Transactions
Let's Learn AdonisJS 6 #10.2
May 29

Saving All Or Nothing with Database Transactions

In this lesson, we'll learn about database transactions and how we can use them to batch commit or rollback updates, safeguarding against partial updates due to errors.

Video preview
Allowing Users To Edit Their Profile
Let's Learn AdonisJS 6 #10.1
May 29

Using Dependency Injection to Update A User's Profile

In this lesson, we'll learn how to allow users to edit their profiles. We'll also cover how we can inject the HttpContext into a service instance using Dependency Injection (DI).

Video preview
Let's Learn AdonisJS 6 #10.0
May 23

How to Create and Fix Missing User Profiles in Your Application

Learn how to create and manage user profiles in your application. This tutorial covers adding an edit profile button, setting up routes and controllers, ensuring profile creation during registration, handling existing users without profiles, and verifying

Video preview
Paginator Query Strings
Let's Learn AdonisJS 6 #9.6
May 23

Persist Filters Easily with Lucid's Query String Method

Learn how to simplify pagination by persisting active filters with the query string method. Follow this step-by-step guide to clean up your code, apply the .queryString method from Lucid, and ensure seamless pagination for your web applications.

Video preview
AdonisJS 6 Access Token Authentication in 20 Minutes
AdonisJS In 30 #6.0
May 21

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

Video preview
Composite Unique Constraint
Let's Learn AdonisJS 6 #9.5
May 16

Defining A Composite Unique Constraint

In this lesson, we'll learn how you can enforce uniqueness between multiple columns using a composite unique constraint.

Video preview
Filter by User's Watched Status
Let's Learn AdonisJS 6 #9.4
May 16

Filtering By User's Watched Status

In this lesson, we'll learn how to add a filter to our user's watchlist allowing them to show only movies they have or have not watched.

Video preview
Tracking Watched Movies
Let's Learn AdonisJS 6 #9.3
May 16

Allowing Users To Toggle A Movie As Watched

In this lesson, we'll learn how to allow users to toggle whether they've watched a movie or not within their watchlist.

Lessons.

Video preview
AdonisJS 6 Access Token Authentication in 20 Minutes
AdonisJS In 30 #6.0
May 21

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
Oct 16, 22

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
Oct 09, 22

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
Aug 11, 22

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
Aug 07, 22

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
Jul 02, 22

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
Nov 04, 20

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
Oct 28, 20

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
Aug 25, 20

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
Aug 20, 20

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
Aug 15, 20

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.

Aug 03, 20

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
Aug 02, 20

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.