How to implement scalable websocket with React.js and Nest.js - FAST MODULAR PROJECT

Sign In

Join us

Hi, the content you want to access is reserved for spartans.

Spartan

Access to all starters

Access to all modules

Slack where you can ask all your questions

Sponsor developers (70%) and FMP (30%)

Spartan is a subscription managed by Stripe (100% secure) that can be easily stopped whenever you want.

What is a Spartan?Why is it not free?

Websocket with API Gateway and AWS Lambda

22 hours of work saved

Web

Hi, if you want to implement websocket in your NestJS Backend and React.js frontend you are at the right place.

The goal is to provide real time interactions with unlimited users on your website.

In this module I will explain all the steps that you need in:

  • Frontend : React.js (Typescript)
  • Backend : NestJS (Typescript)
  • MySQL database
  • API Gateway / AWS Lambda (for scalability)

You can use this module to learn how to implement websockets or just to copy past in your project. ¯_(ツ)_/¯

In this module you will find:

  • Source code
  • Documentation and Quickstart
  • Complete integration of websocket in React.js / NestJS / Mysql starter
  • AWS Lambda functions source code
  • AWS Lambda Continuous integration with github
  • My contact if you have any question

If you don't know what is a websocket

Websockets can be used for chats or notifications for example.

With a normal API, a user can send information to the server and get a proper answer. This is enough most of the time but this means that an action of the user is needed. If we take the example of a user waiting for a message in a chat, we won't have any action from him and the server won't have the opportunity to say him that he has a new message...

This is where Websockets comes in !

Websocket is a connection that you initiate between a server and a client. This connection allows the user to speak to the server and vice-versa without any call to an API. If we take back the example of the chat, websocket allows the server to say to the user that he has a new message (without any action on its part).

Fetching data ...

Developer

Gabin

Fullstack developper @ Galadrim

Company

Galadrim

Details

Last update 21/04/2021

FAST
MODULAR
PROJECT

Fast Modular Project is a platform providing reusable codes that can easily fit with your projects.

© FMP - fast.modular.project@gmail.com

© 2021 Fast Modular Project - fast.modular.project@gmail.com