About this talk
This talk explores the process of building a production-grade Vue Single Page Application (SPA) using Vite and Rolldown for modern bundling, along with Nitro as a lightweight server layer and the incorporation of AI agents as integral components. The speaker covers project structure, toolchain setup, and performance tuning aspects including hot module replacement, cold starts, and bundle output optimization. They delve into integrating AI agents by defining tool interfaces, managing agent state with Pinia, streaming results into Vue components, and securely executing actions via Nitro APIs. Attendees will gain concrete patterns for connecting the frontend and server, deploying to edge or serverless architectures, and designing applications where AI is a core element of the system.
