Full Stack Improv

on YouTube ↗40m

" summary

Creates a Next.js app named potato cannon toaster in a bathtub, uses Gemini CLI to generate an actions.ts server action, connects via Firebase admin to a Firestore database, and implements a Christmas list (name recipient price color quantity perishable dad theft probability) with a form and list. Runs in Cloud Shell Editor, debugs live port and seed errors, refreshes the client after add, builds a container with Cloud Build and Artifact Registry and successfully deploys to Cloud Run using Fire Store as the DB.

AI-written summary · about

" chapters (9)

1. 0:00Introduction
2. 1:48Planning full stack app
3. 5:21Firestore database setup
4. 8:14Backend with server actions
5. 13:38Christmas list frontend
6. 20:38Connecting frontend/backend
7. 27:01Fixing refresh bug
8. 31:09Deploying to Cloud Run
9. 33:03Answering audience questions

" related talks

• 46mBuild and ship global full stack serverless web apps Q&ADaria Grigoriu, Matt Hernandez, Shawndell Elfring, Mikayla Soucie, Thomas Gauvin, Mitali Karmarkar · Microsoft Build 2023
• 38mLet's build a full stackYosua Wuyts · jsDay 2017
• 47mMeet Your New BFF: Backend to Frontend without the Duct TapeYoni Rapoport · DevDays Europe 2024
• 37mMeteor - A Full Stack Framework For Building Pure JavaScript AppsEmily Stark · JSConf.Asia 2013
• 43mIt's all about the BaaSMark Jose · NE-RPC Back 2 Sk00l 2020
• 41mLow-budget JavaScript: composable frontends that are fun and friendlyNatalia Venditto · CityJS Athens 2023
• 26mBuild, deploy, and host performant server-side appsMike Jerome · AWS Developer Innovation Day 2023
• 44mDefy Architectural Uncertainty by Building Schrödinger's AppPeter van Vliet · Devworld Conference 2025