Quran.com Open Graph Image Generator

Tech Stack

• Next.js
• Satori

How to use

1. Main Image

https://og.qurancdn.com/api/og

Optional query parameters:

• lang - Image locale. Defaults to en.

---

2. Chapter Image

https://og.qurancdn.com/api/og/chapter/[chapterId]

Required parameters:

• [chapterId] - Chapter number from 1-114.

Optional query parameters:

• lang - Image locale. Defaults to en.
• verse - Verse number.

---

3. About the Quran Image

https://og.qurancdn.com/api/og/about-the-quran

---

4. Learning Plans Image

https://og.qurancdn.com/api/og/learning-plans

5. Media Generator Image

https://og.qurancdn.com/api/og/media

Optional query parameters:

• lang - Image locale. Defaults to en.