Live Coding on AWS Amplify

on YouTube ↗28m

" summary

Builds a React app from scratch and wires it to AWS using amplify init then amplify add auth (Amazon Cognito) and amplify add api (AppSync GraphQL). The demo uses an @model schema that auto-generates queries/mutations, pushes resources with amplify push, and creates DynamoDB tables plus an Elasticsearch index and Lambda sync when adding @searchable. The result is a working notes app with sign-up/login, create/list/delete, and full-text search plus CI/CD deployment via Amplify Console connected to GitHub.

AI-written summary · about

" chapters (12)

1. 0:00Introduction to live coding
2. 1:58Setting up React project
3. 3:25Initializing Amplify project
4. 5:21Adding authentication with Cognito
5. 7:27Configuring UI with Amplify components
6. 10:46Creating GraphQL API with AppSync
7. 14:23Building note-taking UI
8. 18:26Deploying to Amplify Console
9. 20:20Connecting GitHub for CI/CD
10. 22:55Adding search functionality
11. 25:03Testing deployed application
12. 27:03Closing and resources

" related talks

• 29mBuild full-stack web and mobile apps with AWS Amplify and AWS AppSyncStephen Johnson · AWS AMER Summit May 2021
• 01h 22mBuilding Cloud Native Web Applications with React and AWS AmplifyNader Dabit · All Things Open 2020
• 42mBuilding Serverless Web Applications with AWSNader Dabit · FrontEnd Con 2018
• 26mBuild a full-stack app with GraphQL & AWS AppSyncMichael Liendo · AWS Developer Innovation Day 2023
• 20mEasy mode for full-stack development with Figma & AWS AmplifyArundeep Nagaraj · Conf42 JavaScript 2023
• 30mFull Stack Development in the Era of Serverless ComputingNader Dabit · ReactiveConf 2019
• 56mFrom Figma design to working application with AWS Amplify StudioRené Brandel · AWS Summit San Francisco 2022
• 34mFrom Front-end to Full StackEric Clemmons · Next.js Conf 2020