Muslim Pocket is a modern web-based Qur'an reader built with Next.js 15. It provides easy access to the Qur'an online with a clean UI and simple navigation.
- Muslim Pocket has been successfully indexed on Google Search in less than a week after launch, showing good search engine visibility with proper SEO practices, sitemap configuration, and structured metadata. This ensures that users can find Muslim Pocket more easily on search engines.
Google Page Result
Google Search Console - Highlight
Google Search Console - Page Link Visibility
Google Search Console - Total Indexed Page
- Delivered a fast and responsive experience by maintaining performance and SEO scores consistently above 90 🟩, ensuring quick load times, smooth interactions across devices, and high search engine visibility.
PageSpeed Insights: Desktop
PageSpeed Insights: Mobile
- Node.js version v22.21.1 (Make sure your Node version matches for compatibility with Next.js 15)
- Use npm as your package manager (To make sure Consistency for our development)
Follow the steps below to set up and run the project locally:
git clone https://github.com/balbaal/muslim-pocket.git
cd muslim-pocket# Using npm
npm install# Using npm
npm run devThen open http://localhost:3000 in your browser.
This project uses open-source Qur'an data from:
- 📚 GitHub Repository: rioastamal/quran-json
- 🧑💼 Created by: Rio Astamal
And also use API to fetch daily prayer schedules based on location:
- 🕋 API Provider: Aladhan.com
We appreciate the work and contributions from the open-source community!
This is a Next.js 15 project using the App Router.
app/— App Router pages and layoutcomponents/— Reusable UI componentslib/— Utilities and helper functionspublic/— Static assets (images, icons, etc.)
Feel free to fork this repo and submit pull requests. Suggestions, improvements, and contributions are welcome!
This project is open-source under the MIT License.