"Spinning up Node in the Browser"

on YouTube ↗39m

" summary

Claim: a full dev stack runs entirely in the browser so collaborators need no local installs. Demo uses StackBlitz web containers, the WebContainers API and WebAssembly‑compiled runtimes to npm install, spawn a Node server and debug it with Chrome DevTools. The presenter spins up a working chat server in the browser, shows socket messages and paused server-side breakpoints, and notes the sandbox prevents direct public access so sharing requires plumbing or mocks.

AI-written summary · about

" chapters (17)

1. 0:00Introduction
2. 4:03Web development history
3. 7:12Virtualization and containers
4. 8:37Web containers and WASM
5. 10:04StackBlitz IDE
6. 11:53Live coding with StackBlitz
7. 13:40Python in browser
8. 15:50GitHub repos in StackBlitz
9. 17:15VS Code in StackBlitz
10. 18:44Node.js in browser
11. 19:50Chat server demo
12. 23:10Browser dev use cases
13. 25:40Deploying web containers
14. 27:52Web Container API demo
15. 34:07Practical apps and limits
16. 34:30Codespaces comparison
17. 37:45Q&A

" related talks

• 13mBuild your own Node js app in the browser with WebContainer APISylwia Vargas · BeJS Conf 2023
• 46mUsing Node.js in the Browser with WebContainersOleksandr Zinevych · JavaScript fwdays’23
• 07mBuilding a Node js runtime for the browserJasper De Moor · BeJS Conf 2023
• 37mSay No(de) to the Browser: Testing your Webapp Frontend Code Using Just NodeGil Tayar · TestCon Vilnius 2017
• 40mDeploying Node : from localhost to the cloudJuriy Bura · Node.js Global Summit 2020
• 25mBuilding Serverless AI Apps with Spin and WebAssemblyRadu Matei, Matt Butcher · Cloud Native AI Day Europe 2024
• 05mWhere the Server Goes, Nobody Knows!Brooks Townsend · Cloud Native Wasm Day Europe 2023
• 47mCreating Enterprise Web Applications with Node.jsSebastian Springer · International PHP Conference Spring 2018