How to build a full-stack serverless airline ticketing web app
summary
A full-stack serverless airline ticketing web app uses Vue.js with Quasar for UI, AWS Amplify to provision Cognito auth, AppSync GraphQL (with VTL or Lambda resolvers), API Gateway/Lambda for REST, DynamoDB for storage, and Stripe for payments; it handles search, booking, preauthorization and loyalty points, coordinates distributed work with step functions saga, traces requests with X‑Ray, and confronts real data scale like 40,000 airports producing a 32,000-line JSON catalog — the prototype runs end‑to‑end and surfaces failures for recovery.
AI-written summary · about
chapters (29)
- 0:00Introduction
- 4:18What is fullstack
- 5:22Finding ideas
- 8:46Prototyping
- 12:30Redux
- 13:02Frontend
- 13:35Amplify
- 15:07GraphQL types
- 16:05GraphQL transformer
- 17:23Authorization
- 18:00Architecture
- 18:40Stripe
- 20:14Stripe API
- 21:05Summary
- 22:07Operations
- 22:40Tracing
- 23:32Logging
- 25:14Database
- 25:46Payment
- 26:05Booking
- 26:43Saga
- 29:21Messaging
- 31:01Demo
- 33:29Backend
- 37:57CSS Tricks
- 38:21List Items
- 40:24Testing
- 41:32Source Code
- 42:12Recap
related talks
23mFull Stack Vue in the Era of Serverless Computing
27mBuilding the full-stack serverless app with AWS Amplify
35mServerless Functions and Vue.js
33mGoing Serverless with VueJS
21mBuilding Fullstack applications on AWS
27mFull-Stack Application Development Completely Serverless
42mBuilding Serverless Web Applications with AWS
29mCreating a cloud native serverless web app – An AWS project reference