Notifications System

Real-time in-app + Web Push notifications

Full notification stack: real-time in-app via Supabase Realtime, unread badge, mark-as-read, bulk archive, and NotificationBell component. Web Push is fully implemented — browser subscription, service worker template, server-side send via web-push npm package, and automatic cleanup of expired subscriptions. Requires VAPID keys (free, generate with npx web-push generate-vapid-keys).

1const { items, unread, markRead, markAllRead } = useNotifications(userId)
2var(--text-3);font-style:italic">// items updates live via Supabase Realtime — no polling needed
3 
4await createNotification(supabaseAdmin, userId, {
5  type: 'purchase', title: 'Payment confirmed',
6  body: 'Auth System repo access granted.', actionUrl: '/dashboard',
7})