Yengil veb analitika: pageview, jonli panel, jamoa rollari va Telegram hisobotlari.

Maqsad

Og‘ir reklama-tracker o‘rniga: Next.js saytga bitta komponent, ochiq clientId, domen Origin tekshiruvi. Haqiqiy sahifa ko‘rishlari, mamlakat, yo‘l, referrer. Hisobotlar Telegramga.

Vazifa

  • Collect API, GeoIP, 3 oylik retention.
  • Dashboard: trafik, sahifalar, loglar, WebSocket jonli yangilanish.
  • `tashrif` NPM paketi (`<Tashrif />`).
  • Google kirish, owner/admin/viewer, Telegram bot (Grammy) PDF/stat hisobot.

Stack

  • Next.js 16
  • React 19
  • next-intl
  • NextAuth
  • Bun
  • Hono
  • Drizzle
  • PostgreSQL
  • WebSocket
  • grammY
  • Recharts
  • Zod

Nima o‘rgatdi

To‘rt qismli mahsulot (UI, API, SDK, bot) ni versiyalash va birga chiqarish. Cookie-lessga yaqin tracking, Origin himoyasi, rate limit. NPM paket va peer dependency. Real-time board + scheduled PDF — operatsion mahsulot qanday yashashini ko‘rdim. O‘z saytlarimda ham shu SDK ni ishlataman.