novu VS Socket.io

Let's explore the customization pyramid concept using Novu’s new component as an example. By the way, our source code is open-source and publicly available in the Novu GitHub Repository.

If you would like to check Novu on GitHub, here is the link to their repository.

✅Try out Novu

I'll guide you on how to swiftly build an In-App Notification system for your next app using Novu and the Dev.to API. While it might not exactly resemble the system mentioned above, it'll have many similarities.

PR for Reference: https://github.com/novuhq/novu/pull/5187

Remember, this is just a glimpse into Novu's broad range of functionalities. Hopefully, you've gained a solid understanding of the core workflow. If you're interested in learning more, I highly recommend exploring the project's GitHub repository.

You can find the full changelog on GitHub.

This tutorial will guide you through building a real-time notification system for a chat app using React and Socket.io. React is ideal for creating dynamic, reusable components and efficiently managing your app’s state. Socket.io enables real-time, bidirectional communication between the server and the browser, allowing instant message delivery without page reloads. This combination lets you build a responsive, interactive UI that communicates with the server in real-time.

1. Real-Time Notifications with Socket.io

5. Socket.io

Socket.io: Real-time communication used by the application to provide live update of some feature and settings.

Websockets in Node.js There are various libraries that let you create a ws server:- https://www.npmjs.com/package/websocket https://github.com/websockets/ws https://socket.io/

For the socket integration I use https://socket.io/ and follow their integration guide about nextjs ( https://socket.io/how-to/use-with-nextjs)

Wasp has lots of time-saving features, including WebSocket support via Socket.IO, Authentication, Database Management, and Full-stack type-safety out-of-the box.

I don’t like to use sockets on nextjs, just looking at the integration page of socket.io (How to use with Next.js | Socket.IO) feel so weird for me, also combining the fact that the developer server is just a nightmare, I prefer to avoid everything related to websockets and nextjs at least for the moment.