# Blog: How to | Novu > How to Stay up to date with the latest updates from Novu Canonical: https://novu.co/blog/category/how-to/ Markdown: https://novu.co/blog/category/how-to.md ## All posts in How to - [A Proper Guide to Web and Mobile Push Notification Service](): 2024-11-10T11:36:31.000Z - Implement push notification services successfully by following this actionable guide on choosing platforms, setting up, and personalizing notifications for better results. - [How to Add Real-Time Notifications to a React App](): 2024-11-10T10:29:14.000Z - Learn how to integrate real-time notifications into your React app using WebSockets, Server-Sent Events, Firebase Cloud Messaging (FCM), and Novu for improved user engagement and instant updates. - [A Developer’s Guide to Choosing the Best Notification Platform](): 2024-11-03T09:49:30.000Z - A comprehensive guide for developers on selecting notification platforms, covering different types of notifications (push, in-app, email, SMS, and chat), key features to consider, popular providers, and best practices for implementation. Learn how to… - [How to Build a Notion-Like Notification Inbox with Chakra UI and Novu](): 2024-10-02T17:53:57.000Z - Learn how to build a Notion-inspired real-time notification inbox in React using Chakra UI and Novu's customizable notification component. Includes code examples, styling tips, and a live demo. - [Build a Real-time Notification System with Socket.IO and ReactJS](): 2024-10-02T15:13:32.000Z - Learn how to build a real-time notification system in a chat app with ReactJS and Socket.io. This step-by-step guide covers setup, event handling, notifications, and best practices. - [Case Study: How Novu Migrated User Management to Clerk](): 2024-08-01T09:11:00.000Z - Discover how Novu implemented Clerk for user management, enabling features like SAML SSO, OAuth providers, and multi-factor authentication. Learn about the challenges faced and the innovative solutions developed by our team. This case study provides… - [How Product-Development Friction Ruins User Experience with Notifications](): 2024-07-26T13:23:00.000Z - Discover how friction between product and development teams can lead to poor notifications and damage your user experience. Learn strategies to overcome these challenges and enhance your notification system for better user engagement. - [How to Implement React Notifications — Including Examples, Alerts, and Libraries](): 2024-07-19T14:04:00.000Z - Learn how to implement effective notifications in React applications. Explore the differences between stateless and stateful notifications, and discover the best libraries and practices for enhancing user engagement and information delivery in your… - [How to Grow Engagement By Using Notifications](): 2024-06-21T11:11:07.000Z - How to grow Product engagement by using Notifications - [Building An E-Commerce Store With NextJS](): 2024-06-04T11:42:51.000Z - Learn how to build an e-commerce store where customers can purchase products and make payments. - [Send Whatsapp Notifications with Next.js and Novu](): 2024-05-22T11:18:22.000Z - How to send Whatsapp Notifications with Next.js and Novu - [How To Build Your Own Newsletter App? p.2](): 2024-05-16T07:39:10.000Z - This is a guide on how to build a newsletter application that allows users to subscribe to a mailing list using a Google or GitHub account. It uses Next.js, Firebase, and Novu. Part 2. - [How To Build Your Own Newsletter App? p.1](): 2024-05-15T18:09:07.000Z - This is a guide on how to build a newsletter application that allows users to subscribe to a mailing list using a Google or GitHub account. It uses Next.js, Firebase, and Novu. Part 1. - [Best Practices – How to Not Over Notify Your Users](): 2024-05-08T18:27:23.000Z - Explore how to enhance user experience and avoid notification overload with digest notifications, using real-world examples like Taylor Swift's Instagram post scenario. Learn the ins and outs of various digest strategies—Regular, Back-off, and… - [How to build dev.to Community Digest with Novu](): 2024-04-29T15:07:27.000Z - Learn how to build dev.to community digest with Novu. The second part of the series of building dev.to's notification system. - [How to build dev.to In-App Notification System in 20 minutes](): 2024-04-23T08:54:23.000Z - In this guide, you'll learn how to build a dev.to In-App Notification Center in 20 minutes. - [The Ultimate Guide to Laravel Reverb: Real-Time Notifications](): 2024-04-09T06:17:37.000Z - You learned a lot about using Laravel Reverb in the first part of this guide. Now, you’ll learn how to add real-time notifications seamlessly to your Laravel apps. - [The Ultimate Guide to Laravel Reverb](): 2024-04-05T16:07:29.000Z - Learn how to use Laravel Reverb to develop a real-time Laravel app. You'll learn about channels, events, broadcasting, authorization and configuring Laravel Reverb WebSocket Server connections. - [Building an Investor List App with Novu and Supabase](): 2024-03-15T17:12:56.000Z - Building an Investor List App with Novu and Supabase - [Implementing Internationalization in Apps: How to Translate Notifications](): 2024-03-01T02:58:37.000Z - Implementing Internationalization in Apps: How to Translate Notifications - [🔥 Building an email automation system with React Flow and Resend 🎉](): 2023-07-31T11:58:08.000Z - Creating an email automation system to message people with a sequence of messages every 10 minutes. - [Building a bidding system with NextJS](): 2023-05-23T09:18:20.000Z - Creating a bidding system with Next.JS new App Router, Server actions, Postgres and Novu - [How to add In-App notifications to any web app!](): 2023-05-09T14:00:00.000Z - Add a notification system to any app in just a few simple steps! - [How To Add In-App Notifications To Your Angular App](): 2023-05-02T14:53:00.000Z - How to add an in-app notification center to your Angular app - [Make a Dream Todo app with Novu, React and Express!](): 2023-04-19T09:33:10.000Z - In this article, you'll learn how to make a todo app that uses Novu to work for you. The prime focus in making this app was to boost personal productivity, get things done and stay distraction free! - [Applying for a new job with React and NodeJS and AI](): 2023-03-06T09:41:41.000Z - In the previous article in the series, I walked you through how to build a resume builder application that accepts some specific information from the user and creates a printable resume. - [Building a forum with React, NodeJS](): 2023-02-27T18:48:08.000Z - In this article, you'll learn how to build a forum system that allows users to create, react, and reply to post threads. In the end, we will also send a notification on each reply on a thread with Novu, you can skip the last step if you want only the… - [Creating a resume builder with React, NodeJS and AI 🚀](): 2023-02-19T19:14:14.000Z - In this article, you'll learn how to create a resume builder using React, Node.js, and the OpenAI API. What's better to look for a job and say you have build a job resume builder with AI to do so? 🤩 - [Building the largest Notifications Library in the world using ChatGPT, React, and NodeJS 🤯](): 2023-02-13T14:22:49.000Z - I will show you how to create thousands of notifications with ChatGPT and render it with React. - [Building a website gallery with ChatGPT, Stable Diffusion, React and NodeJS 🤯](): 2023-02-06T18:37:51.000Z - In this article, you'll learn how to build a web application that uses ChatGPT and Stable Diffusion to generate a logo and a befitting domain name for any website description you provide. - [Creating a website aggregator with ChatGPT, React, and Node.js 🚀](): 2023-02-06T12:06:24.000Z - A website aggregator is a website that collects data from other websites across the internet and puts the information in one place where visitors can access it. - [Master Notifications With ChatGPT, React and NodeJS 🧨](): 2023-02-06T07:14:58.000Z - In this tutorial, you'll learn how to build a web application that allows you to send notifications generated by ChatGPT to your users, using React and NodeJS. - [Creating a scheduling app with React, Nodejs and EmailJS 🧨](): 2023-02-06T04:50:12.000Z - A scheduling app is a software tool that helps individuals or organizations manage and organize appointments, meetings, and tasks efficiently by providing a centralized platform to schedule, view, and modify schedules. - [Creating an upvote system with React and Socket.io 🥳 🔝](): 2023-02-02T13:41:17.000Z - An upvote system is a way for users to express their approval or agreement with content by "voting" it up. The content with the most upvotes is typically considered the most popular or well-received by the community. - [How to build the most beautiful Todolist with React Native and Socket.io 🎉](): 2022-11-24T11:38:54.000Z - Todolist is a simple task list where you mark everything you need to do and the status of it as "Finished / Not Finished". - [Building a real-time bidding system with Socket.io and React Native](): 2022-11-24T09:12:47.000Z - Goin’ Once, Goin’ Twice, Sold to the lady with the red dress 💃🏻 You have probably heard that many times in movies or public auctions. We can also find some online platforms, such as eBay, where you can bid on a product and get counterbids from… - [Creating a registration and a login with two-factor authentication on React 🤩](): 2022-11-24T08:53:39.000Z - If you have thought about building any dashboard, you probably realize you need to implement authentication. You are probably already familiar with terms like Login and Registration. - [Building a Notion-like system with Socket.io And React 😍](): 2022-10-24T12:40:01.000Z - We are going to build a knowledge system like Click-Up and Notion. You will be able to add posts, write comments, tag other users and show it in their notifications. In notion users can see what other users do in real-time without refreshing the page… - [Building a chat app with Socket.io and React Native 🤯](): 2022-10-17T08:56:43.000Z - Chats are all around us, from Whatsapp to Facebook and Instagram, almost every platform offers a chat in some kind of variation. In Today's digital world we have all gone mobile! Just before this article I wrote a friend a message on Whatsapp. - [Building THE MOST practical Todolist with React and Websockets 🪄✨](): 2022-10-11T06:59:44.000Z - In this article, you'll learn how to build a team to-do list with React.js and Socket.io. Users can create, read, and delete to-dos and add comments to each to-do via Socket.io. You'll also learn how to add notifications to the application when you… - [Building a beautiful Kanban board with Node.js, React, and Websockets 🦄 ✨](): 2022-09-28T08:38:08.000Z - In this article, you'll learn how to build a Kanban Board the same as you have in JIRA, Monday and Trello. We will do it with a beautiful drag-and-drop feature using React, Socket.io, and React beautiful DND. Users will be able to sign in, create and… - [Building an interactive screen-sharing app with Puppeteer and React 🤯](): 2022-09-12T12:58:40.000Z - Give the user the ability to browse a webpage through your system and feel like it's a real browser. - [Building a live-event alert system with React, Socket.io, and Push Notifications 🚀](): 2022-09-05T10:03:08.000Z - You want everybody to get a message on your website once something happens in real-time. That can be a new version, announcement, or some product updates. - [I implemented the Dev Community Notification Center with React, Novu, and Websockets 🔥](): 2022-08-29T08:35:23.000Z - No matter what application you are building, you will probably send the user notifications at some point. It can be over Emails, SMSs, Push notifications, or a Notification center like the one you have on the DEV Community. I will show you how to… - [Building a chat – Browser Notifications with React, Websockets and Web-Push 🤯](): 2022-08-22T13:02:18.000Z - In the previous article in this series, we talked about Socket.io, how you can send messages between a React app client and a Socket.io server, how to get active users in your web application, and how to add the "User is typing..." feature present in… - [Building a chat app with Socket.io and React 🚀](): 2022-08-15T05:16:18.000Z - We have all encountered chat over the web, that can be Facebook, Instagram, Whatsapp and the list goes on. Just to give a bit of context, you send a message to a person or a group, they see the message and reply back. Simple yet complex. To develop… - [\[Part 2\] Real-time Auction System – Connecting Socket.io With React 🔥](): 2022-08-09T04:53:58.000Z - The previous article in this series introduced Socket.io, how to connect a React app to a Node.js server using Socket.io, and creating the user interface for the bidding system. - [\[Part 1\] Building a real-time Auction System with Socket.io and React.js 🤯](): 2022-08-01T03:38:13.000Z - Like an actual auction, if you bid for a product, you get counterbids from other bidders. The auction runs on the "fast" decision bid, where somebody else will win or outbid you if you don't bid fast enough. To use online bidding, We must stick to… - [Create a notifications system using in-app (bell icon) and emails](): 2022-07-25T04:37:10.000Z - In this article, I will guide you through sending notifications in-app and via email using Novu in a Node.js application. We'll first create a Novu project, add an email communication channel via the Novu Manage Platform, install Novu to an Express… - [Sending real-time notifications with Socket.io in Node.js](): 2022-07-18T07:36:40.000Z - TLDR; Websockets are a great way to create open communication between the client and the server. Great examples are Chat, Bidding System, Notifications, etc... - [How to send an SMS using Twilio](): 2022-07-11T11:15:00.000Z - Communicating with users from a software application is a common feature in modern software development. Whether you provide an OTP to users before they can make transactions, send an email verification link before creating an account, mail… - [How to use Handlebars to send emails via SendGrid in a Node.js application](): 2022-07-02T12:51:00.000Z - The ability to send email to users is one feature most modern web applications have. Whether you are sending a passcode to the user’s email address before they gain access to a resource or sending a confirmation email or newsletters to users, we tend…