Integrating WebSockets in Nuxt and Nitro

🎉 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-l...
🔗 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 -    • The BEST way to proxy your API in Nuxt  

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:   / thealexlichter  
Twitch:   / 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