Full Stack Photobook App | Vue, GraphQL, AWS Amplify
Build and deploy a full stack Photobook app built with Vue.js, GraphQL& AWS Amplify
Program With Erik YouTube Channel
https://www.youtube.com/channel/UCshZ3rdoCLjDYuTR_RBubzw
Code:
https://github.com/ErikCH/TraversyMediaAWSPhotoBook
AWS Workshop:
https://github.com/amazon-archives/aws-reinvent-2019-mobile-workshops/tree/master/MOB303
Timestamps:
0:00 Overview of Application
1:32 Setup
4:04 Overview of AWS Services
06:10 Install Tools
11:36 Amplify Configuration
16:03 Configure Vue App With Amplify
18:45 Authentication
20:00 Adding AWS Cognito To App
24:50 Add Authentication To Vue
27:42 Setting up Auth Vuex Store
41:29 Creating Login Component
49:17 Setup Routes
51:51 Create Signup Page
01:04:20 Creating Nav Component
01:11:57 Adding Route Guards
01:17:45 GraphQL and Storage
01:18:42 Add AWS Storage
01:20:15 Add AWS App Sync
01:22:46 Updating GraphQL Schema
01:27:46 Mocking GraphQL API with Playground
01:38:17 Adding Album Vuex store
01:49:43 Update Albums page
02:05:25 Update AlbumsDetails page
02:14:39 Testing out album feature
02:15:44 Lambda Function
02:17:00 Adding Lambda in AWS Amplify
02:20:00 Update Amplify Photo Processor
02:22:45 Update amplify storage
02:24:31 Update cloud formation template
02:29:20 Testing App E2E
Видео Full Stack Photobook App | Vue, GraphQL, AWS Amplify канала Traversy Media
Program With Erik YouTube Channel
https://www.youtube.com/channel/UCshZ3rdoCLjDYuTR_RBubzw
Code:
https://github.com/ErikCH/TraversyMediaAWSPhotoBook
AWS Workshop:
https://github.com/amazon-archives/aws-reinvent-2019-mobile-workshops/tree/master/MOB303
Timestamps:
0:00 Overview of Application
1:32 Setup
4:04 Overview of AWS Services
06:10 Install Tools
11:36 Amplify Configuration
16:03 Configure Vue App With Amplify
18:45 Authentication
20:00 Adding AWS Cognito To App
24:50 Add Authentication To Vue
27:42 Setting up Auth Vuex Store
41:29 Creating Login Component
49:17 Setup Routes
51:51 Create Signup Page
01:04:20 Creating Nav Component
01:11:57 Adding Route Guards
01:17:45 GraphQL and Storage
01:18:42 Add AWS Storage
01:20:15 Add AWS App Sync
01:22:46 Updating GraphQL Schema
01:27:46 Mocking GraphQL API with Playground
01:38:17 Adding Album Vuex store
01:49:43 Update Albums page
02:05:25 Update AlbumsDetails page
02:14:39 Testing out album feature
02:15:44 Lambda Function
02:17:00 Adding Lambda in AWS Amplify
02:20:00 Update Amplify Photo Processor
02:22:45 Update amplify storage
02:24:31 Update cloud formation template
02:29:20 Testing App E2E
Видео Full Stack Photobook App | Vue, GraphQL, AWS Amplify канала Traversy Media
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Vue JS Crash Course 2021](https://i.ytimg.com/vi/qZXt1Aom3Cs/default.jpg)
![Learn GraphQL In 40 Minutes](https://i.ytimg.com/vi/ZQL7tL2S0oQ/default.jpg)
![AWS re:Invent 2019: [REPEAT 1] Production-grade full-stack apps with AWS Amplify (MOB308-R1)](https://i.ytimg.com/vi/DcrtvgaVdCU/default.jpg)
![My First Freelance Gig Was a Disaster](https://i.ytimg.com/vi/lRogMYe7ZLg/default.jpg)
![](https://i.ytimg.com/vi/XFbItaFS3xY/default.jpg)
![GraphQL, gRPC or REST? Resolving the API Developer's Dilemma - Rob Crowley](https://i.ytimg.com/vi/l_P6m3JTyp0/default.jpg)
![AWS Authentication With Vue.js And GraphQL Tutorial In 2020](https://i.ytimg.com/vi/y17yZVaAsrE/default.jpg)
![Coming Back To Programming After A Break](https://i.ytimg.com/vi/1L6oncFUu10/default.jpg)
![Create A Full Stack App With AWS Amplify UI In 15 Minutes!](https://i.ytimg.com/vi/Q70eWux2xpQ/default.jpg)
![GitHub Copilot - First Look](https://i.ytimg.com/vi/DeO7xLXORpY/default.jpg)
![How to Create an Authenticated REST API on AWS with API Gateway, Lambda, Cognito, & AWS Amplify](https://i.ytimg.com/vi/fs9HfYbWjXQ/default.jpg)
![Building a Serverless To Do App with Vue and AWS](https://i.ytimg.com/vi/wIcvlDeg7AQ/default.jpg)
![Create Modern Serverless Web Applications in Minutes using the AWS Amplify Framework](https://i.ytimg.com/vi/SnqABG8e9Zk/default.jpg)
![Angular Crash Course 2021](https://i.ytimg.com/vi/3dHNOWTI7H8/default.jpg)
![LEARN GRAPHQL WITH VUE APOLLO IN 20 MINUTES!](https://i.ytimg.com/vi/8JtmnsolNq8/default.jpg)
![React Testing Crash Course](https://i.ytimg.com/vi/OVNjsIto9xM/default.jpg)
![Advanced Data Access Patterns with GraphQL, Amazon DynamoDB, and AWS Amplify](https://i.ytimg.com/vi/VG2XWoD-rS0/default.jpg)
![6 Hour Vue.js & Firebase Project - FireBlogs](https://i.ytimg.com/vi/ISv22NNL-aE/default.jpg)
![Supabase Crash Course](https://i.ytimg.com/vi/7uKQBl9uZ00/default.jpg)
![Best way to create GraphQL API ?? | NestJS GraphQL Tutorial](https://i.ytimg.com/vi/geYvdbpo3cA/default.jpg)