The hidden infrastructure powering our frontends
summary
Shows how a Next.js site becomes S3 for static files plus CloudFront CDN, per-route AWS Lambdas for dynamic routes, and Lambda@Edge for middleware and image resizing. Demonstrates ISR with SQS-triggered revalidation, bundles via nft tracing, and native ARM Lambdas using sharp for image work. Claims real cost wins — an anecdote moves a deployment from $3,000 → $50 monthly — and surfaces a usable automation: deploy that whole stack from source with four lines of TypeScript using SST.
AI-written summary · about
chapters (20)
- 0:00Introduction
- 1:08Introducing SST
- 3:12Frontend frameworks challenges
- 4:57Frontend deployment effort
- 6:00Focus on Next.js
- 7:27Next.js Standalone mode
- 8:29Static files handling
- 9:33S3 and CloudFront for assets
- 13:05Dynamic routes with Lambda
- 14:08AWS Lambda functions
- 17:19Lambda cold starts
- 19:03NFT files bundling
- 20:04Middleware and Lambda Edge
- 21:48Edge with Lambda
- 22:09Incremental Static Regeneration
- 23:12SQS for regeneration
- 24:34Image optimization with Lambda
- 25:57Manual deployment complexity
- 26:40Deployment with SST
- 27:21Closing remarks
related talks
51mServerless - a backend thing that gives superpowers to frontend developers
24mLets go live
28mServerless Backend for Frontend on AWS
33mBuilding Open-Source Cloud-Native Apps in JavaScript
30mRendering Revealed
32mLiving on the Edge
42mServerless Tales from the Trenches
27mShould I fire my DevOps already? Build your infrastructure using TypeScript