週末に完成させた、Google 通知を置き換える SaaS 開発記

Google 通知は数年間、破滅的な状況にあります。大多数の発言を漏らし、遅れて数日後に届け、かつ何を言われたかに関する文脈も全く提供しません。これは私が追跡したからです。私のブランドが 1 週間に 10 回の実際の発言があった場合、Google 通知は 2 回しか検知できませんでした。 有料の代替案（Mention, Brand24）は月額 99 ドル以上から始まり、大手マーケティングチームのために構築されています。インディーズの起業家、フリーランス、または小規模ビジネス向けの「中間」は存在しません。 そのため、私は MentionDrop を構築しました。月額 29 ドルで、AI 要約付きのリアルタイムウェブmention モニタリングシステムです。週末にどのように完成させたか、ここにおきます。 私が直面した課題 あるニッチなフォーラムで私の製品を酷評されました。私がそれを発見したのは 2 週間後、友人がリンクを送ったときでした。Google 通知はそれを決して拾いませんでした。すでに議論の 40 回を超える返信があり、物語の展開が済んでいました。 これが最後の一撃でした。私は、ウェブをリアルタイムでモニターし、単にキーワードの出現ではなく、何が言われているかを知らせてくれるものが必要だと考えました。 リリースへのスピードを最優先にしました。スタック内のすべてのツールは、数分で作動からゼロまで移行できるもので选择了ました。 レイヤー ツール 理由 フロントエンド Next.js (App Router) 迅速にデプロイ可能で DX が良い UI shadcn/ui + Tailwind ゼロからデザインする必要のない美しいコンポーネント 認証 Clerk 5 分以内にログイン、ソーシャル認証、ユーザー管理を追加 データベース Supabase (Postgres) 無料枠が豊富で、即時 API が利用可能、リアルタイムサブスクリプション 支払い Stripe チェックアウト、_billing_ポータル、webhook がセットで利用可能 AI Gemini Flash-Lite 安価で高速で、要約には十分 メール Resend + React Email 開発者のためのトランザクションメール ワークターホスティング Railway バックグラウンドプロセスで 2 ドル/月 フロントエンドホスティング Vercel Next.js の無料枠 総インフラコスト：開始時は月額 5 ドル未満。アイデアを検証する際にはこれが重要です。 アーキテクチャは 2 つのプロセスです： * Vercel 上の Next.js アプリ - ランディングページ、ダッシュボード、および API ルート * Railway 上のバックグラウンドワーク - リアルタイムデータソースに接続し、キーワードを一致させ、AI 解析を実行し、結果を保存 ユーザーがキーワードを追加すると、ワークターは数秒以内にそれを拾い取り、監視を開始します。一致が見つかった場合、AI が処理を行い、ユーザーは好むチャネル（メール、Slack、または webhook）を介して通知されます。 ダッシュボードは Supabase のリアルタイムサブスクリプションを介して mention をリアルタイムでストリーミングするため、リロードなしに新しい mention が表示されます。 ウェブコンテンツに対してキーワードを一致させるのは単純に見えますが、ノイズが多いことがわかりました。最初にサインアップした会社の一つは Box でした。「Box」はすべての箱が言われるページと一致します。「Apple」はすべてのレシピブログと一致します。「Circle」はすべての幾何学のチュートリアルと一致します。 これは Google 通知が持たない、そして決して解決してきた問題です。彼らはすべてを投げ出してくれ、それで一日を終わります。 私はこの問題の多くを時間を費やしました。ソリューションには複数のフィルタリングレイヤーが関与しています： * 短くて一般的な用語には厳密な一致、長い具体的な用語には相対的に緩やかな一致といった、キーワードレベルのルール * 文脈を理解する AI による関連性スコアリング。「これは Box であるのか、クラウドストレージ会社の Box であるのか、輸送用の箱であるのか？」AI が判断 * ユーザーが提供した文脈 - MentionDrop に「Box はクラウドストレージ会社で、Dropbox の競合」と告诉でき、それを使ってより良い判断を下す 結果： irrelevant な一致は、あなたがそれを見る前にフィルタリングされます。通知が届くのは、何が実際に重要なのかという時だけです。 各 mention は以下を伴います： * 英語の一般的な要約（元の言語が他の言語の場合も） * 感情分析（ポジティブ/ネガティブ/ニュートラル） * 推奨アクション（返信する、シェアする、監視する、または無視する） Clerk は何時間もの時間を節約してくれました。認証は、シンプルに見えますが、数百万のエッジケースがあるもののようなものです。Clerk はログイン、サインアップ、OAuth、ユーザー管理、および webhook を処理します。10 分未満で認証が動作しました。 Supabase のリアルタイムはダッシュボードにとって魔法のようなものです。新しい mention を検索していませんが、ワークターが新しい mention を保存すると、それらがダッシュボードに現れます。

Google Alerts has been broken for years. It misses most mentions, delivers them days late, and gives you zero context about what was said. I know because I tracked it. Out of 10 real mentions of my brand in a week, Google Alerts caught 2. The paid alternatives (Mention, Brand24) start at $99+/mo and are built for enterprise marketing teams. There's nothing in between for indie founders, freelancers, or small businesses. So I built MentionDrop. Real-time web mention monitoring with AI summaries, for $29/mo. Here's how I did it in a weekend. The Problem I Kept Running Into Someone trashed one of my products on a niche forum. I found out two weeks later when a friend sent me the link. Google Alerts never picked it up. By then, the thread had 40+ replies, and the narrative was set. That was the last straw. I needed something that actually monitored the web in real-time and told me what was being said, not just that a keyword appeared on a page somewhere. I optimized for speed-to-launch. Every tool in the stack was chosen because I could go from zero to working in minutes, not days. Layer Tool Why Frontend Next.js (App Router) Fast to ship, great DX UI shadcn/ui + Tailwind Beautiful components without designing from scratch Auth Clerk 5 minutes to add login, social auth, user management Database Supabase (Postgres) Free tier is generous, instant API, real-time subscriptions Payments Stripe Checkout, billing portal, webhooks out of the box AI Gemini Flash-Lite Cheap, fast, good enough for summarization Email Resend + React Email Developer-friendly transactional email Worker hosting Railway $2/mo for a background process Frontend hosting Vercel Free tier for Next.js Total infrastructure cost: under $5/mo to start. That matters when you're validating an idea. The architecture is two processes: Next.js app on Vercel - the landing page, dashboard, and API routes Background worker on Railway - connects to a real-time data source, matches keywords, runs AI analysis, and stores results When a user adds a keyword, the worker picks it up within seconds and starts monitoring. When a match is found, the AI processes it, and the user is notified via their preferred channel (email, Slack, or webhook). The dashboard streams mentions in real-time via Supabase's real-time subscriptions, so you see new mentions appear without refreshing. Matching a keyword against web content sounds simple until you realize how noisy it is. One of the first companies to sign up was Box. "Box" matches every page that mentions a cardboard box. "Apple" matches every recipe blog. "Circle" matches geometry tutorials. This is the problem Google Alerts has and has never solved. They dump everything on you and call it a day. I spent most of my time on this problem. The solution involves multiple layers of filtering: Keyword-level rules that understand short generic terms need stricter matching than longer, more specific ones AI-powered relevance scoring that understands context. "Is this page about Box, the cloud storage company, or a shipping box?" The AI decides. User-provided context - you can tell MentionDrop "Box is a cloud storage company, competitor to Dropbox," and it uses that to make better decisions The result: irrelevant matches get filtered out before they ever reach you. When you get an alert, it's because something actually matters. Each mention comes with: A plain-English summary (even if the source is in another language) Sentiment analysis (positive/neutral/negative) A suggested action (respond, share, monitor, or ignore) Clerk saved me hours. Auth is one of those things that seems simple but has a million edge cases. Clerk handles login, signup, OAuth, user management, and webhooks. I had the auth working in under 10 minutes. Supabase real-time is magic for dashboards. Instead of polling for new mentions, I use Supabase's real-time subscriptions. When the worker stores a new mention, it appears on the dashboard instantly. Zero extra code on the frontend beyond subscribing to the table. Railway is perfect for background workers. I needed a long-running process that stays connected to a data stream 24/7. Railway runs it for $2/mo. No Docker config, no Kubernetes, just npx tsx src/worker/consumer.ts. Start with fewer features. The dashboard has filtering by keyword, sentiment, date range, and live streaming. I could have launched with just an email digest and a simple list page. Ship the minimum, then iterate. Resend + React Email is the way. I write email templates in JSX with proper TypeScript props. No more wrestling with HTML email tables. The developer experience is a night-and-day difference compared to other email services. Build time: 1 weekend (with AI assistance for code generation) Infrastructure cost: ~$5/mo Pricing: Free (1 keyword), $29/mo (5 keywords), $59/mo (20 keywords) Tests: 100+ passing I'm working on improving the AI accuracy for multi-language mentions and adding more alert delivery options. The core product is solid, and I'm getting real users finding real mentions that Google Alerts would have missed. If you've ever been frustrated by Google Alerts missing mentions of your brand, product, or name, give MentionDrop a try. Free tier, 1 keyword, no credit card needed. mentiondrop.com Happy to answer any questions about the build process, stack choices, or business decisions in the comments.