Create A Vue.js 3 Full Stack Application With Amplify, GraphQL, Auth and More!

In this video I create a full stack app for #teamseas including AWS amplify, Appsync, Lambda, Cognito for Authentication and Authorization and more.

👉Check out my last video on State Management with Pinia
   • Vue State Management Pinia Crash Cour...  

👉 Sign up and get free Vue cheat sheets and updates!
https://www.vuecourse.tech

Need some mentoring, help with a project, get a career in tech, level up your skills? Check it out
👉https://mentorcruise.com/mentor/erikh...

Need to Learn Vue or Nuxt? Check out my courses below!

http://bit.ly/2LalQka - Learn Nuxt.js Course!
http://bit.ly/3aiYe8s - Quick Starter On Vue 3
https://bit.ly/2OETt0M - Full 6 week course on vue!


🗂️ 🗂️ 🗂️
Make Sure To Check These Courses From Wes Bos ! 💻

Begginer JavaScript - https://BeginnerJavaScript.com/friend...
React For Beginners - https://ReactForBeginners.com/friend/...
Advanced React - https://AdvancedReact.com/friend/HANC...


0:00 Introduction
0:53 Setup of Vite, Vue 3, Tailwind CSS
05:29 Setup AWS Amplify CLI+ YouTube API
07:16 Amplify Init / Amplify configure
08:38 Install of Packages
09:59 Amplify Add Authentication With Config
10:31 Amplify Add AppSync GraphQL End Point
11:38 Setup @Auth Rules for Schema
15:35 Create AWS Lambda
19:03 Setting up TypeScript for Lambda
25:30 Testing Lambda With Mock and Console
28:07 Setting Up Authentication with @aws-amplify/ui-vue@next
35:34 Setting up Lambda Auth API to Cognito
39:54 Setup Lambda with AppSync GraphQL
46:20 Setting Lambda with YouTube API
51:29 Setting Lambda main index file
55:28 Testing out API and Lambda with Amplify Mocks
1:01:49 Testing in AWS Console
01:04:57 Setting up Frontend to connect to AppSync

Links
https://github.com/ErikCH/TeamSeas-Am...
https://ui.docs.amplify.aws/ui/gettin...