Recently Released.
Newly Released in the last 30 days



Creating Access Tokens Part 2: Inertia/Vue
In this lesson, we'll rig up the create access token route we created in the last lesson to a form within our Vue application. We'll also stub the overall manage access tokens card for the organization itself.



Creating Access Tokens Part 1: AdonisJS
In this lesson, we'll add a route to the settings portion of our application allowing the user to create an opaque access token (OAT), with the desired permissions, for the active organization.



Defining Access Token Abilities & DTO
In this lesson, we'll finish up our preparation work by creating a data transfer object (DTO) for our access tokens. Then, we'll define what our token abilities will be within our application's API.



Separation of API & Web Auth Guard Concerns
In this lesson, we'll restrict our routes to their applicable authentication guard. Ensuring our web routes can properly authorize using their role-based authorization and our API can properly authorize using our access token abilities.



Configuring Access Token Auth on top of Session Auth
In this lesson, we'll get opaque access tokens configured within our AdonisJS application on top of the already configured session/web authentication. This will include configuring the guard and setting up the db access token provider.



Overview of our Database Schema
In this lesson, we'll take a high level look at our database's schema so that we have an understanding at the entities and models at play and how they relate to one another within our application.



Getting Familiar with our Web Project
In this lesson, we'll quickly walk through the web application we've cloned down to get familiar with the data at play, how it's presented to the user, and the features at hand.



Getting the Web Project Up & Running
We'll get our web project cloned down. Then, we'll get it configured by first creating our database and running our migrations and seeder. Lastly, we'll get a test SMTP email inbox set up through MailTrap.



Goal of this Series
We'll cover the scope of this series and show some of the functionalities we'll be building throughout, which include an access token management panel, opaque access token authentication using an organization model, and building an API.


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

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.

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.

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.

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.

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.

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