Vue to the Edge
summary
Concrete how-to: builds a Vue app with Nuxt 3 + Nitro, wires GitHub OAuth, Drizzle ORM and Tailwind, and deploys it as an Edge function (Cloudflare Pages / Workers) using Cloudflare D1 and optional Turso; output bundles trace deps into a sub-megabyte .output and polyfills node/browser gaps for the Edge. Demo is a live coffee-or-tea demo that records votes, handles unique-index conflicts, shows ~<200 ms SSR from many locations, and works when deployed. ≈$0.15 per million requests and 5MB bundle limits are noted.
AI-written summary · about
chapters (9)
- 0:00Vue and Nuxt intro
- 3:34Edge computing
- 7:50Demo project setup
- 13:15Authentication API
- 18:36Drizzle ORM database
- 24:54Vote functionality
- 30:28Cloudflare Edge deploy
- 33:33Cross-provider Edge demo
- 35:01Closing and resources
related talks
11mYou've dreamed it? Create full-stack apps with Nuxt!
18mNuxt.js - Just Vue and a bit of magic?
27mNuxt 3 – More Than Vue 3 on Steroids
28mEdge Side Rendering with Nuxt 3
38mBeyond Static: Building with Nuxt 3 and Nitro
38mHow Nitro works?
26mVite + Nitro: The Full Stack Era
35mNuxt, Nitro and h3 in Practice - Unleash the Full Stack Beast