https://tube.grossholtz.net/videos/watch/1ac4cb70-cd49-43d5-9100-ad69633f09ac 🎉 Nitro 2.9 was released just before Vue.js Amsterdam and brings new features such as a database layer, a task API and also WebSocket support! But how can we integrate it in a Nuxt application? This video will teach you 👌 Key points: 🛠 How to set up WebSockets in Nitro and in Nuxt 💡 Working from scratch to a functional application ⚠️ Hints to make sure you can use Nitro WebSockets Info: Nuxt CLI v3.11.1 was released. YOU DON'T NEED THE NIGHTLY BUILD ANYMORE. Links: 🔗 Code - https://github.com/manniL/alexander-lichter-websockets-nitro 🔗 Nuxt CLI - https://github.com/nuxt/cli 🔗 Nitro WebSocket Docs - https://nitro.unjs.io/guide/websocket 🔗 VueUse useWebsocket - https://vueuse.org/core/usewebsocket 🔗 CrossWS - https://github.com/unjs/crossws 📺 Proxying your API - https://www.youtube.com/watch?v=J4E5uYz5AY8 Don't forget to hit that "Subscribe" button, ring the notification bell and give a thumbs up! 🌐 Connect further: Website: https://www.lichter.io Twitter/X: https://twitter.com/TheAlexLichter Twitch: https://www.twitch.tv/TheAlexLichter Chapters: 00:00 Intro 00:50 Setup to enable WebSockets 03:02 Check dependency versions 04:00 Demo App Setup 04:22 Integrating WebSockets on the server 07:15 Using it on the Client 12:05 Verifying in the browser 13:35 Adding one more functionality 17:05 Summary Mon, 06 Apr 2026 03:20:40 GMT https://validator.w3.org/feed/docs/rss2.html PeerTube - https://tube.grossholtz.net https://tube.grossholtz.net/client/assets/images/icons/icon-512x512.png https://tube.grossholtz.net/videos/watch/1ac4cb70-cd49-43d5-9100-ad69633f09ac All rights reserved, unless otherwise specified in the terms specified at https://tube.grossholtz.net/about and potential licenses granted by each content's rightholder.