Webアプリ内での「いいね」や「コメント」の通知の実装方法

Question

前提・実現したいこと

Next.jsとFirebaseでSNSを制作しています。
YouTubeやTwitterなどのように、ユーザーに対していいねが付いたりコメントが投稿された際に、そのユーザーに対して通知したいと考えています。

ヘッダーにベルマークを配置して、通知が来た際にベルマークに未読の通知の数を添えて、ベルマークをタップ（クリック）することで、通知の一覧ページに飛ぶ、というイメージです。

具体的な環境が分からないことには、具体的な方法は答えられないと思うので、実装方法が分かるページや書籍などがあれば、ご教示いただきたいです。
また、ライブラリがあれば併せてご教示いただきたいです。

発生している問題

「アプリ内通知」「React お知らせ 通知」などで検索すると、プッシュ通知の方法がたくさん出てきて、実現したいことの実装方法を見つけられませんでした。

Answer 1

要は、firestore上に「いいね」や「返信」のデータがPOSTされたときに通知を表示させたいのだと思います。
技術としてはfirestoreのみで実現可能だと思います。
リアルタイムアップデートのドキュメント
動きとしては、リアルタイムのチャットアプリが似ていますので、「firebase チャットアプリ」などで検索してみると参考になるチュートリアルなどが見つかるかもしれません。