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 https://youtu.be/Ok6vO98RV_Q
👉 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/erikhanchett/
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 ! 💻
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/[email protected] 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-Amplify-Tutorial https://ui.docs.amplify.aws/ui/getting-started/installation?platform=vue