Recently Released.

Newly Released in the last 30 days
Video preview
Adocasts Plus Exclusive
Exclusive
Statuses & Access Levels

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
Reusable Sorting

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
Drag & Drop Sorting

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
Exists in Organization Validation

Reusable VineJS Exists In Organization Validation

In this lesson, we'll take our difficulty's exists in organization VineJS validation and make it reusable so we can easily use it for our statuses, access levels, courses, etc.

Video preview
Adocasts Plus Exclusive
Exclusive
Deleted Replacement

Replacing A Course's Deleted Difficulty

In this lesson, we'll add the ability to gracefully handle instances where a required relationship's record is being deleted. When a difficulty is being used by a course, we'll have our users select a replacement difficulty for the one being deleted.

Video preview
Adocasts Plus Exclusive
Exclusive
Deleting Difficulties

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.

Video preview
Adocasts Plus Exclusive
Exclusive
Updating Difficulties

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
Listing and creating difficulties

Listing & Creating Difficulties

In this lesson, we'll create a page to list the active organization's difficulties. Then, we'll add the ability to create a new difficulty and add a new color picker type to our FormInput component.

Video preview
Adocasts Plus Exclusive
Exclusive
Confirm Delete Dialog

The Confirm Delete Dialog & Deleting the Active Organization

In this lesson, we'll create a reusable confirm deletion dialog and bind its state into our use resource actions composable. We'll then incorporate this all together to allow users to delete their active organization.

Video preview
Adocasts Plus Exclusive
Exclusive
Editing the Active Organization

Editing the Active Organization

In this lesson, we'll make use of our useResourceActions composable to add the ability for our user's to edit their active organization.

Video preview
Adocasts Plus Exclusive
Exclusive
Resource Action Composable

Creating A UseResourceActions Composable

In this lesson, we'll create a composable that'll be in charge of maintaining form and dialog state for the resources throughout our application, starting with our organizations.

Video preview
Adocasts Plus Exclusive
Exclusive
Social Authentication with AdonisJS Ally & Google
AdonisJS In 30 #9.0
・
Nov 06

How To Add Social Authentication with AdonisJS Ally & Google

In this lesson, we'll learn how we can use AdonisJS Ally to add social authentication to our applications. We'll use Google for our demonstration, but this same process also applies to GitHub, Facebook, Discord, LinkedIn, Twitter, & more

Video preview
Adocasts Plus Exclusive
Exclusive
Switching Organizations

Switching Between Organizations

In this lesson, we'll add the ability for our users to change which of their organizations is their active organization via our organization selector.

Video preview
Adocasts Plus Exclusive
Exclusive
Form Dialog Component

The Form Dialog Component & Adding Organizations

In this lesson, we'll add a new form dialog component that simplifies the create and update forms we'll use throughout our application. We'll then use this component to add a create organization dialog within our organization selector.

Video preview
Adocasts Plus Exclusive
Exclusive
Listing the User's Organizations

Listing the User's Organizations

In this lesson, we'll update our organization middleware to query all the user's organizations. We'll then provide everything into our Vue page state via Inertia and begin building our organization select component.

Video preview
Adocasts Plus Exclusive
Exclusive
Setting the Active Organization

Setting & Loading the User's Active Organization

In this lesson, we'll set up our organization middleware and actions that'll be in charge of loading the user's active organization and role

Lessons.

AdonisJS API with Nuxt 3 Auth
AdonisJS In 30 #4.0
・
Jun 25, 23

AdonisJS 5 API & Nuxt 3 SSR Authentication in 15 Minutes

In this lesson, we’ll learn how to set up authentication in an AdonisJS API application while using server-side rendered (SSR) Nuxt 3 as our front end.

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.

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.