DEV Community

Cover image for šŸ’¬ Building a real-time chat with Websockets, Novel and Clerk šŸš€šŸš€

šŸ’¬ Building a real-time chat with Websockets, Novel and Clerk šŸš€šŸš€

Nevo David on September 07, 2023

TL;DR In this tutorial, you'll learn how to build a chat application. On the agenda šŸ”„: Create accounts and send real-time messages us...
Collapse
 
matijasos profile image
Matija Sosic •

Novel is cool! I haven't heard of it before :) We have to try build something for @wasplang with it :)

Collapse
 
nevodavid profile image
Nevo David •

It's awesome! maintained by @steventey

Collapse
 
thevinitgupta profile image
Vinit Gupta •

Really loved the idea of

Markdown based Chat šŸš€

Also, thanks a lot for the detailed Explanation. Will try to build on this idea šŸ’”

Collapse
 
mitchleung profile image
Mitch •

FYI

The latest version of "@clerk/clerk-react": "^4.24.2" tends to put me an infinite loop

"novel": "^0.1.20" doesn't have css import "novel/styles.css";

Collapse
 
techelder1642 profile image
Robert L Carter • • Edited

Great project! But I believe I have ran into an issue after signing up an user on the chat. It did this refresh loop until I stopped the server or when I deleted the user from clerk. I cannot seem to find a way to rectify it either.

Could we chat a bit about when you have the chance?

Edit: After some more debugging , it seems that this issue has popped up since clerk ver 4.24.2. Now I like to figure out what was added to is now causing this.

Collapse
 
daniel43532 profile image
Daniel43532 •

Building a real-time chat application with Websockets, Novel, and Clerk sounds like an exciting project! Here's a high-level overview of how you can approach it:

Setup Your Development Environment:

Make sure you have Node.js installed on your system.
Set up a new project directory areej shah novels.
Initialize Your Project:

Use npm or yarn to initialize a new Node.js project.
Install necessary dependencies like Express.js, Socket.io (for Websockets), Novel, and Clerk.

Collapse
 
hencoburger profile image
HencoBurger •

Just putting it out there, for the realtime environment you can use NoLag. No need to build your own websocket server. 😁

Collapse
 
devkiran profile image
Kiran Krishnan •

Great post! It's well-written šŸ‘

Collapse
 
nevodavid profile image
Nevo David •

Thank you so much Kiran!

Collapse
 
berolich profile image
Berolich •

Nice one

Collapse
 
noobizdev profile image
Noobiz Developer •

That's crazy man, thank you very much for this...

Collapse
 
sudoanand profile image
Anand Singh •

Cool stuff! If you want something managed and scalable in place of Socket.io, checkout PieSocket.com

Collapse
 
muhyilmaz profile image
MUHAMMED YILMAZ •

very very very good project.

Collapse
 
samucadev profile image
SamucaDev •

Great post!

Collapse
 
respect17 profile image
Kudzai Murimi •

Great article, keep sharing with the community

Collapse
 
mohamedouzaa1 profile image
Mohamed Ouzaa •

Great post

Collapse
 
danielgree profile image
Daniel Green •

pure innovation!