Building for the Edge

on YouTube ↗26m

" summary

Shows a Nuxt app built, optimized and deployed to Cloudflare edge using Nitro presets, with a production output of 700 KB output (227 KB gzipped) and cold starts reduced to near zero. Demo deploys via Wrangler and serves pages from many CDN nodes with <200 ms global responses. Demonstrates adding Nuxt Fonts (fonts bundled into the build), Strapi auth integrated with signup/login working, and explains proxy/polyfill of Node APIs and multi‑provider support.

AI-written summary · about

" chapters (8)

1. 0:00Introduction to Edge Computing
2. 3:13What is Next.js
3. 8:56Optimizing for Edge Runtime
4. 12:11Live Demo Setup
5. 16:13Deploying to Cloudflare
6. 19:06Adding Strapi Authentication
7. 24:02Final Demo and Summary
8. 25:30Nitro and Open Source

" related talks

• 35mBuilding for the EdgeSébastien Chopin · Frontend Nation 2024
• 41mBuilding for the Edge with Nuxt 3 (live coding)Daniel Roe · vuejs.de Conf 2022
• 23mEdge-rendering with NuxtDaniel Roe · Vuejs Amsterdam 2021
• 28mEdge Side Rendering with Nuxt 3Sébastien Chopin · Infobip Shift 2021
• 38mBuilding a Framework for the EdgeDaniel Roe · Armada JS 2023
• 22mLiving on the EdgeErica Pisani · JSDayIE 2023
• 35mFull stack development with Nuxt 3 and NitroPooya Parsa · JSWorld Conference 2022
• 19mThe Nuxt WebSébastien Chopin · JSWorld Conference 2022