The sources of Quranku is from:
- Design App: Figma - Quranku.
- Assets: Figma - Quran App Concept.
- Doa, Dzikir, Teks Arab: Haqq - Quran.
- Data Quran: Quran JSON
- Al-Quran reader — 114 surah with Arabic text and Indonesian translation, per-surah verse filter.
- Tafsir — per-ayah Kemenag tafsir, toggleable.
- Surah context — opening/closing notes per surah ("Tentang Surah").
- Reading settings — right-slide settings sheet: theme (light/dark), Arabic font size, show/hide translation, tafsir, and surah context.
- Bookmarks — save multiple ayat and manage them at
/bookmarks. - Resume reading — jump back to your last-read ayah; last-read shortcut on the home screen.
- Juz navigation — browse all 30 juz at
/juz. - Prayer times & Hijri date — daily schedule at
/jadwal-sholat(computed locally withadhan, geolocation with city fallback). - Qibla compass — direction to the Kaaba at
/qibla(device orientation). - Audio recitation — per-ayah playback (Mishary Alafasy via everyayah CDN).
- Doa harian, Dzikir Pagi/Petang, Teks Arab — supplications and dhikr collections.
This is a Next.js - App Router project modernly configured and powered by Bun as the package manager and runner, and running on Node LTS.
- Node.js:
>=24.15.0(LTS) - Bun:
^1.1.0(v1.3.13 recommended)
Install the dependencies using Bun:
bun installRun the development server with hot-reloading (using Next.js Turbopack):
bun run devOpen http://localhost:3000 with your browser to see the result.
Compile the project for production:
bun run buildStart the production server:
bun run startRun ESLint flat checks:
bun run lintRun the type check:
bun run typecheckRun the unit tests (Vitest):
bun run testSee CHANGELOG.md for release notes.