Case Study

Nawafil — a spiritual habit tracker where small acts add up

An installable PWA for sunnah practices, hadith, dhikr, Qur'an, and qibla — shipped as 7 thin sub-features in 8 weeks. The architecture now powers the entire Idin Studio mini-app portfolio, cutting build time for each new app by ~60%.

ClientIdin Studio
IndustryIslamic Spiritual Lifestyle App
EngagementActive development — own product
OwnershipIdin Studio Own Product
Nawafil — a spiritual habit tracker where small acts add up
metric #1

7 sub-features shipped in 8 weeks

metric #2

PWA reuse cuts next app build time ~60%

metric #3

Live — ongoing iteration

01 / Brief

The Problem

Most Islamic habit apps fail at retention. They either over-gamify (and lose sincerity) or under-design (and feel like a spreadsheet). We wanted to build something that respected the act of worship — but still pulled users back daily without nagging.

02 / Constraints

Constraints

  • [01]Zero-budget launch — could not buy reach, had to earn it via SEO and word of mouth.
  • [02]Audience spans casual Muslims to memorization-serious students — UI had to scale both ways.
  • [03]Single founder + AI agents — every feature had to be reusable across other Idin Studio mini apps.
  • [04]Must work offline on entry-level Android in mosque Wi-Fi conditions.
03 / Execution

Our Approach

We split the problem into 7 thin sub-features (tracker, Qur'an, hadith, doa, dhikr, qibla, qurban) and shipped one at a time, keeping each independently useful. Architecture: Next.js 15 App Router with RSC by default, Payload CMS as the content + admin spine, Auth.js for Google OAuth (lowest-friction sign-in for Indonesian users), and PWA with custom install prompts. Streak gamification and share-cards were added last — once the core daily loop worked.

Technical Takeaway

Shipping an installable PWA with a modular, reusable architecture allows a single developer to roll out 7 distinct sunnah features in 8 weeks, serving as the visual and logical blueprint for the entire Idin Studio product ecosystem.

04 / Showcase

Gallery

Home — Tahajud tracker mode

Home — Duha tracker mode

Home — streak progress and stats

Spiritual journey timeline

Al-Qur'an — surah listing

Al-Qur'an — surah reading view

Al-Qur'an — learning mode with transliteration

Al-Qur'an — reader settings

Qibla direction compass

Doa & Hadith — listing

Doa & Hadith — detail view

Tajwid guide

Qurban savings tracker

Zakat calculator

05 / Impact

Outcome

  • Installable PWA — no app-store friction; daily-active retention measurable from week 1.
  • 7 sub-features shipped in 8 weeks with one consistent design system.
  • PWA shell, gamification engine, share-card generator, and i18n setup now reused across Rukun, Zakat, and Hafalan — cutting their build time by ~60%.
  • SEO traffic from Islamic long-tail keywords (high-intent) — sustainable acquisition without paid ads.
  • Monetization unlocked via donation tier + sponsor slots inside non-worship surfaces.
06 / Perspective

Why this matters

Spiritual products live or die on credibility. The fastest way to lose users is to over-gamify a sacred act. The fastest way to gain them is to ship one tiny feature that genuinely helps tonight — then earn the right to add the next. Treat each sub-feature like its own product with its own first-week outcome, and the portfolio compounds.

07 / Architecture

Tech Stack

Frontend & UI

Next.js 15 (App Router, RSC)Tailwind CSS v4next-intl (ID + EN)

DevOps & Infrastructure

Payload CMSPWA (offline-capable)Web Share API

Storage & Protocols

PostgreSQL

Backend & APIs

Auth.js v5 (Google OAuth)
LET'S GO

Get in touch

Have a project in mind?

Reply within 24 hours during WIB business hours. Indonesian or English — whichever fits you.

top rated plus · 100% jss · 8+ clients

Nawafil — a spiritual habit tracker where small acts add up | Idin Studio