How moving to serverless Nuxt sped up our time to market

on YouTube ↗16m

" summary

Migrating an Angular site to Nuxt on a serverless stack speeds delivery by removing server provisioning and shrinking front-end artifacts. The setup uses S3 + CloudFront + Route53 for hosting and API Gateway + Lambda + DynamoDB for the backend, with TypeScript and Axios. The team builds a GPS/trip verification dashboard and gets a full front-end done in ~60 hours when the backend is already known. Challenges: secrets get baked into static manifests so secrets move behind APIs, and SAML/OIDC required a middleware SAML callback workaround while an OpenID PR awaits.

AI-written summary · about

" chapters (8)

1. 0:00Introduction to serverless
2. 1:28Defining serverless
3. 2:18Serverless architecture
4. 4:53Transition to Nuxt
5. 7:31Nuxt features and modules
6. 10:24Project implementation
7. 12:17Overcoming challenges
8. 15:06Future goals and conclusion

" related talks

• 23mFell Static with NuxtDebbie O'Brien · Vue.js Amsterdam 2020
• 23mFull Stack Vue in the Era of Serverless ComputingNader Dabit · Vue.js Amsterdam 2019
• 33mGoing Serverless with VueJSDivya Sasidharan · GOTO Chicago 2019
• 31mAccelerate business innovation with serverless applicationsEmily Shea, Santiago Cardenas · AWS re:Invent 2019 Global Partner Summit
• 51mServerless - a backend thing that gives superpowers to frontend developersSlobodan Stojanović · <React.NotAConf /> 2019
• 44mServerless: Giving superpowers to frontend developersAleksandar Simovic · Armada JS 2019
• 54mServerless Architectures: no servers allowed!Antons Kranga · JavaDay Lviv 2016
• 24mServerless functions and Vue.jsSarah Drasner · Uphill Conf 2018