Recently Updated.
Series with new lessons
![Building with AdonisJS & Inertia](/img/1/building-with-adonisjs-and-inertia_1723478730045.png?w=800)
Building with AdonisJS & Inertia
Latest from this series
Lesson 3.1
Form Validation & Displaying Errors
In this lesson, we'll add validation to our POST handler for our register route. We'll then update our form fields to check for and display any validation errors that may have occurred.
Lesson 3.0
Inertia Form Basics
In this lesson, we'll introduce the basics of working with form in Inertia. We'll set up our register form with its fields, get our form state set up, and send off a post request to one of our AdonisJS routes.
Lesson 2.9
What Code Can & Can't Be Shared Between AdonisJS & Inertia
In this lesson, we'll discuss what code we can and cannot share between AdonisJS and Inertia.
![EdgeJS Components](/img/1/edgejs-components-character_1705964571323.png?w=800)
EdgeJS Components
Latest from this series
Lesson 6.2
Form HTTP Method Components
In this lesson, we'll create helper HTTP Method form components, further simplifying our method spoofing by allowing us to just chain the desired method off our form component.
Lesson 6.1
Form Component Method Spoofing
In this lesson, we'll add simplified HTTP Method Spoofing functionality to our base form component. With this simplified functionality all we'll need to do is specify the desired HTTP Method to the method prop and it'll add it to our URL.
Lesson 6.0
Form Utility Component
In this lesson, we'll start a form utility component. This component will allow us to create one central location where we can maintain our forms and provide additional functionality like simplified method spoofing.
![Let's Learn AdonisJS 5](/img/1/lets-learn-adonisjs-5-character_1705964755954.png?w=800)
Let's Learn AdonisJS 5
Latest from this series
Lesson 6.2
Model vs Database Query Builder
In this lesson, we'll take a look at the differences between the model and database query builders.
Lesson 6.1
Limiting, Sorting, & Pagination with the Query Builder
In this lesson, we'll take a look at the various options we have to limit results when using the query builder including first, firstOrFail, limit, and pagination. We'll also learn how we can sort our results.
Lesson 6.0
Intro to the Query Builder & It's Where Statements
In this lesson, we'll introduce the query builder. We'll spend most of our time looking at its various where statement options and how we can use them to build queries.
Cross-Tab Communication
Latest from this series
![](/img/1/rC1q8gFOINHzKdfgoaOZgZM1HxvJyjB6942pRyk4.png?w=650)
Lesson 3.0
Cross-Tab Communication in JavaScript using a BroadcastChannel
We discuss how to do cross-tab communication with a BroadcastChannel, the browser's native API to communicate across browser instances. It's rather similar to using a SharedWorker, just without the worker.
![](/img/1/4JBh5sJbCInX6SPJTqnoqsSu32CRlsTK9RXwUf5k.png?w=650)
Lesson 2.0
Cross-Tab Communication in JavaScript using a SharedWorker
In this lesson we'll be going over how to do cross-tab communication using a SharedWorker. SharedWorkers are Web Workers that are sharable across browser-instances (tabs, windows, etc).
![](/img/1/AZooNvuJj6gRSpz1q42n8nt9b6CvnSyPZthY3Fp4.png?w=650)
Lesson 1.0
How To Do Cross-Tab Communication In JavaScript With LocalStorage
In this lesson, we'll be going over how to do cross-tab communication using LocalStorage. Of the three methods we'll be discussing, this one is the most browser compatible method; despite it being a workaround.
Amplify + Nuxt
Latest from this series
![](/img/1/znaY2sFbCtXTRMCYxMCSao9tVcmPlEMhfLqFgr4A.png?w=650)
Lesson 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.
![](/img/1/fF9ycIhNT3yBU9Vpce58J6SOSTHSmdxVyusK4acH.png?w=650)
Lesson 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.
![](/img/1/lkGwy668fMXvBi2SAHF6xINYIsbODz8f8mHuGPrZ.png?w=650)
Lesson 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.