Chat App With Nest.js + Socket.io in 15 Minutes

Github Repo: github.com/mguay22/nestjs-soc...
Nest.js Docs: docs.nestjs.com/websockets/ga...
Socket.io Docs: socket.io/docs/v3/client-api/...
Get my highly-rated Udemy courses at a discount here: michaelguay.dev/udemy/

[@mguay]

Get my highly-rated Udemy courses at a discount here: michaelguay.dev/udemy/

[@ayoubguismi4558]

Thank again michael guaw, as always very simple and well explained

[@jpeiter]

very useful, straight to the point!

[@OleksandrDanylchenko2k]

Solid basic example, thanks!

[@abdurrehman661]

Postman can also be used to test web sockets if someone do not want to make client part for testing

[@berkcansavur9035]

Great simple explaination and suggestive for improving the understand of concept.

[@user-kb2nu8lh2t]

Thank you for the video! I managed to get it up and running, though those following this guide nowadays may encounter a 400 response code with code 5: unsupported protocol version message. The solution is this: leave client-side code as it is, and decorate the ChatGateway class with the following options: @WebSocketGateway({ cors: { origin: '', methods: ['GET', 'POST'], transports: ['websocket', 'polling'], credentials: true, }, allowEIO3: true, }) export class ChatGateway {...}

[@AngelHdzMultimedia]

Life saver! Thank you! I noticed I liked this video before that means I tried this solution before, but it didn't work this time! Gateway was receiving nothing, and frontend was throwing Cors error, even though I had the origin: ''. Added the other stuff and it worked right away! Thank you very much!!! Happy new year, wishing you health, joy and success.

[@AngelHdzMultimedia]

Update: I deleted all the options except cors: { origin: 'localhost:9000', } And it's still working. I'm now confused because that's exactly what I had in the first place and didn't work...

[@jagendrasrivastava2263]

Thanks It works. !!!!!

[@shehanrangana1844]

Solid simple example. Thanks

[@tulionavarro6543]

Beautiful way to explain, tks!!

[@arashalfoneh2827]

Thank you for recording this video

[@watchyour20]

Awesome video! Thanks!

[@panthpatel3066]

Is it possible to create many different socket channels, e.g. for group chat, so only the relevant clients can see their group chats?

[@dev.caixeiroviajante]

Thanks for the content !! Which theme are u using ?

[@lilililliilil]

Great video ty❤

[@Kareszrk]

Thank you so much

[@safaltammewar4233]

How to run WebSocket with HTTPS in nestjs

[@irhasm.a.4932]

please make more💙

[@widya2550]

Superb

[@MadanLal-ue1gr]

video anda sangat bagus dan mempunyai mesej yang luas terima kasih

[@user-sc7by4nv1f]

Cool example, what about testing socket on nestjs?

[@alexandervashchuk7795]

incompatible with the latest versions of nestjs cors issues are not fixable

[@amitmondal7427]

Thank you ❤❤❤

[@amitmondal7427]

@Maxim Lian I have no extra time to watch movies, thank.

[@ekopurnomo9221]

thankyouuu

[@mohabedr5030]

but this is not socket io library this is websockets

[@muzafferckay2609]

Could you make a tutorial using socket in rest api? For example when when data posted send the same data to the client main Page.

[@mguay]

You can inject the Socket Gateway into any other service. So after you do something with data, you can tell the Gateway to emit a message to all subscribers.

[@muzafferckay2609]

@@mguay My client is build in react. I could not figure out that.

[@Voldeblort]

​@@muzafferckay2609 Correct me if im wrong but imo, it has nothing to do with your client application and the technology you choosed. At least it shouldn't be.

[@quikseva5766]

you must increase front size

[@xice111]

i have a CORS problem, any solution?

[@midblep]

Make sure you have your nestjs server turned on, that was my problem!

[@mguay]

Hi, what is the error you are recieving? Which browser are you using?

[@PasNini7]

@@mguay I have the same issue my error is index.html:1 Access to XMLHttpRequest at 'localhost:3000/socket.io/?EIO=3&transport=polling&t=Ng2pvch' from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource., and I use google chrome

[@thevamsi]

@@mguay Hey Michael. I have the same issue running this on google chrome. And I did add the app.enableCors() in main.ts which helped me get to my REST calls. For some reason, Can't get the ws to work properly.

[@ziggys.9768]

Me too, maybe is a version problem. I have installed @nestjs/platform-socket.io": "^8.0.6" Firefox is my browser (and my server is turned on)

[@abdelazizelhayyany6087]

12:24 dd hh hahaha real tests

[@adeelshekhani636]

I event got it working within 5mins

[@walkingtalkingstephenhawki8702]

Gonna need to borrow that spelling, sorry.

[@brightbong92]

if you to occur cors error add @WebSocketGateway(port, {cors: '*'} )

[@funnycatmeowmeow]

Thank you so much