NestJS Socket.io

This is a realtime chat application built with NestJS, React and Socket.io 💬. Nest provides out-of-the-box support for websockets via Socket.io, and in the React application, we're using a Socket.io client to keep the conversations going 🤝. Users can login and create or join existing chat rooms! 👉 Login now and create or join existing chat rooms! 💬

NestJS

Socket.IO

Server

• Chat websocket gateway.
• Object schema validation via pipes with zod.
• Attribute-based access control authorization via guards with CASL.

Client

• Socket.io client to interact with the server through websockets.
• Client/server state management with Tanstack Query.
• CSS styling with tailwindcss.
• Client-side routing with Tanstack Location.
• Forms with react-hook-form.
• Object schema validation for events, forms, and more with zod.

Installation

$ yarn

Running the app

# start client and server in development mode
$ yarn dev

# build client and server for production
$ yarn build

# start server in production
$ yarn start:prodserver