Building a Node js runtime for the browser

on YouTube ↗07m

" summary

Codesandbox builds a Node.js–compatible runtime that actually runs in the browser by using web workers to emulate processes, loading parts like the transpiler, crypto and compression as WebAssembly modules, and implementing a custom Node‑compatible file system with the main thread as source of truth to provide synchronous file operations (claimed faster than Node). HTTP and websockets use an iframe preview relay plus a service worker; websockets send raw packets into the worker where a client and server are spawned and parsed, and the system runs real Node apps including Next and Vite.

AI-written summary · about

" chapters (6)

1. 0:00Start
2. 0:37npm modules to the rescue
3. 2:37File System
4. 3:30HTTP & Websockets → Service worker
5. 5:53Got a basic server running
6. 6:11Try it@nodebox.codesandbox.io

" related talks

• 39m"Spinning up Node in the Browser"Tim Simms · Frontrunners 2024
• 40mIt's Not Just Node.js AnymoreJames M Snell · JetBrains JavaScript Day 2023
• 25mNext-Gen Server JavaScript: Web StandardsWes Bos · Reactathon 2023
• 27mWebAssembly and Node.jsBen Smith · NodeConf EU 2017
• 46mUsing Node.js in the Browser with WebContainersOleksandr Zinevych · JavaScript fwdays’23
• 31mThe CPU in your browser: WebAssembly demystifiedAntonio Cuni · PyCon Italia 2023
• 49mBun, Deno, Node.js? Recreating a JavaScript runtime from ScratchErick Wendel · NDC Oslo 2023
• 23mWeb Assembly: The Future Of Js And A Multi-Language WebKas Perch · NEJS Conf 2019