Building Docker Extensions using Vue & Nuxt

on YouTube ↗09m

" summary

Built a working Docker Extension using Nuxt2 and Vue with a multi‑stage Dockerfile and a metadata.json UI root; required changing config.output.publicPath so bundled JS loads inside Docker Desktop’s electron sandbox. Images break if referenced with absolute/relative home paths so switched to packaged assets, and a Vue Monaco CSS import still shows a live unresolved bug. Extension ships to the marketplace and runs locally via docker compose while a small API can be included.

AI-written summary · about

" chapters (4)

1. 0:00Introduction
2. 1:03What are Docker Extensions?
3. 1:55Developing a Docker Extension
4. 4:42Shipping Docker Extensions with Nuxt & Vue

" related talks

• 32mGetting Started Building Docker ExtensionsGuillaume Tardif, Felipe Cruz · DockerCon 2022
• 30mHow to Make a Docker ExtensionShy Ruparel · Docker Community All-Hands #6
• 11mWhat are Docker ExtensionsAmy Bass · DockerCon 2022
• 15mHow to create a frontend-only Docker extension to get the size of public imagesTobias Fenster · Docker Community All-Hands #6
• 06mWhat are Docker ExtensionsAmy Bass · JSNation Conference 2022
• 05mWhat are Docker ExtensionsAmy Bass · React Summit 2022
• 34mDeveloping an Extension for DockerAngel Fernando Borroy · Docker Community All-Hands #6
• 23mNuxt: Making an Extensible Meta FrameworkDaniel Roe · ViteConf 2023