A multilingual, reading-first Hadith browser built with Next.js App Router. It presents editions, books, and individual hadiths, with fast search and Arabic diacritics support.
- Editions overview with book and hadith counts
- Book-level browsing per edition
- Hadith detail pages with grading metadata
- Full-text search with pagination
- Arabic diacritics toggle
- Multi-language UI and content with RTL support
- Next.js App Router
- React 19
- Tailwind CSS v4 + daisyUI
- TypeScript
- Bun (recommended)
- Node.js 20+
bun install
bun run dev
Open http://localhost:3000.
bun run dev: Start the dev serverbun run build: Production buildbun run start: Start the production serverbun run lint: Lintbun run tcheck: Type check
app/: App Router routes, layouts, metadata, and route handlerscomponents/: UI, layout, and section componentslib/: API client, i18n, and utilitiespublic/: Static assets
Supported locales: en, fr, ar, ru, id, tr, ur, bn, ta.
RTL languages are handled automatically for ar and ur.
The app expects hadislam.org API.
Set API_BASE_URL to the API origin to enable server-side fetching.
This project is licensed under the MIT License. See LICENSE.
Have suggestions, feedback, or need support? Open an issue or start a discussion — we’d love to hear from you.
We welcome all kinds of contributions! Here's how you can help :
✅ Improve the Application
Push to a feature branch and thereafter create a pull request on main branch.
If you want to support me financially you can buy me a coffee it will certainly motivate me on continously improving the Web Application. May Allah rewards you !
