VueJS

2 Series
13 Lessons
1h 51m

VueJS is a JavaScript framework with data binding created by Evan You. It allows you to build complex user interfaces with simplistic HTML-like markup.

Series.

Lessons.

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.