Quran.com Frontend Setup & API Integration
Budget: $10 – $30 USD
Set Up and Run Quran.com Frontend (Next.js) + Quran.Foundation API Integration
Overview:
I need an experienced Next.js / React / TypeScript developer to install, configure, and run the Quran.com frontend locally on my Linux server and prepare the development environment.
Repository:
https://github.com/quran/quran.com-frontend-next
Scope of Work:
* Clone and set up the Quran.com frontend repository.
* Configure correct Node.js version and package manager.
* Install and resolve all project dependencies.
* Fix environment and build issues if needed.
* Run the project successfully in development mode.
* Configure environment variables (.env.local).
* Integrate Quran.Foundation API credentials securely.
* Configure OAuth2 + PKCE authentication flow (server-side only).
* Ensure secrets are never exposed to browser bundles.
* Verify frontend loads correctly and login flow works.
Technical Requirements:
* Next.js
* React
* TypeScript
* Yarn
* Node.js 18
* Docker (optional)
* OAuth2 / OpenID Connect / PKCE
* API integration
* Linux server experience
Deliverables:
* Working local development environment
* Clear setup instructions
* Successful frontend startup
* Quran API connected securely
* Documentation for deployment
Notes:
This is not a redesign task. Focus on setup, dependency resolution, environment configuration, and secure API integration.
Overview:
I need an experienced Next.js / React / TypeScript developer to install, configure, and run the Quran.com frontend locally on my Linux server and prepare the development environment.
Repository:
https://github.com/quran/quran.com-frontend-next
Scope of Work:
* Clone and set up the Quran.com frontend repository.
* Configure correct Node.js version and package manager.
* Install and resolve all project dependencies.
* Fix environment and build issues if needed.
* Run the project successfully in development mode.
* Configure environment variables (.env.local).
* Integrate Quran.Foundation API credentials securely.
* Configure OAuth2 + PKCE authentication flow (server-side only).
* Ensure secrets are never exposed to browser bundles.
* Verify frontend loads correctly and login flow works.
Technical Requirements:
* Next.js
* React
* TypeScript
* Yarn
* Node.js 18
* Docker (optional)
* OAuth2 / OpenID Connect / PKCE
* API integration
* Linux server experience
Deliverables:
* Working local development environment
* Clear setup instructions
* Successful frontend startup
* Quran API connected securely
* Documentation for deployment
Notes:
This is not a redesign task. Focus on setup, dependency resolution, environment configuration, and secure API integration.