Tantangan
Mayoritas habit-tracker Islami gagal di retention. Ada yang terlalu gamified (dan kehilangan keikhlasan), ada yang terlalu polos (rasa kayak spreadsheet). Kami ingin sesuatu yang menghormati nilai ibadahnya — tapi tetap menarik user balik tiap hari tanpa terkesan memaksa.
Kendala
- Launch tanpa budget — tidak bisa beli reach, harus dapat dari SEO dan word of mouth.
- Audiens dari Muslim casual sampai santri serius hafalan — UI harus skala dua arah.
- Single founder + agen AI — setiap fitur wajib reusable di mini app Idin Studio lain.
- Harus jalan offline di Android entry-level di kondisi Wi-Fi masjid.
Cara kami merancangnya
Kami pecah masalahnya jadi 7 sub-fitur tipis (tracker, Qur'an, hadis, doa, dzikir, kiblat, qurban) lalu kirim satu per satu, masing-masing tetap berguna sendiri. Secara arsitektur: Next.js 15 App Router pakai RSC sebagai default, Payload CMS jadi tulang punggung konten + admin, Auth.js untuk Google OAuth (paling friction rendah untuk user Indonesia), dan PWA dengan prompt install custom. Gamifikasi streak dan share-card kami tambahkan terakhir — setelah daily loop intinya benar-benar bekerja.
Hasil
- PWA installable — bebas friction app store; retensi daily-active terukur sejak minggu pertama.
- 7 sub-fitur dikirim dalam 8 minggu dengan satu sistem desain konsisten.
- Pola reusable: PWA shell, mesin gamifikasi, share-card generator, dan setup i18n sekarang dipakai Rukun, Zakat, dan Hafalan — memangkas waktu build ~60%.
- Traffic SEO dari long-tail kata kunci Islami (high-intent) — akuisisi sustainable tanpa iklan berbayar.
- Monetisasi terbuka via donasi + slot sponsor di permukaan non-ibadah — tidak ada iklan di layar sholat.
Pelajaran
Produk spiritual hidup mati di kredibilitas. Cara paling cepat kehilangan user: over-gamifikasi tindakan suci. Cara paling cepat dapat user: kirim satu fitur kecil yang bener-bener bantu malam ini — lalu dapatkan hak untuk menambah fitur berikutnya. Perlakukan tiap sub-fitur seperti produk sendiri dengan outcome minggu pertamanya sendiri, lalu portofolionya compounding.
Stack teknologi
- Next.js 15 (App Router, RSC)
- Payload CMS
- PostgreSQL
- Tailwind CSS v4
- Auth.js v5 (Google OAuth)
- PWA (installable, offline-capable)
- next-intl (ID + EN)
- Web Share API + haptic feedback
Timeline
1 sprint (1 minggu) menuju MVP, 2 minggu polish, lalu 5 minggu rilis sub-fitur tiap minggu. Maintenance jalan via retainer.
Buka Nawafil