Job Description
Roles & Responsibilities
About the Role We are looking for a Full-Stack Developer with strong frontend engineering skills and solid API/integration experience. The candidate will work across React/TypeScript UI, Next.js App Router and API routes, Apollo Client, server-side GraphQL patterns, authentication flows, payment/webhook integrations, PostgreSQL-backed GraphQL, and cloud deployed environments.
Key Responsibilities - Build and maintain Next.js App Router pages, layouts, server/client components, and reusable React + TypeScript components using Tailwind CSS. - Implement and consume GraphQL using Apollo Client; manage query/mutation patterns, caching, loading/error states, and structured failure handling. - Develop Next.js API routes and route handlers that proxy authentication, payments, webhooks, CRM/event logging, document uploads, and third-party integrations using the BFF pattern. - Implement secure authentication flows including guest JWT for anonymous visitors, member login/logout, token refresh, secure cookie/header handling, and Authorization: Bearer usage for GraphQL and REST calls. - Integrate and troubleshoot payment gateways, CRM webhooks/event logging, RCX or similar membership/ticketing systems, email services, file/document upload, and Apple Wallet / Google Wallet pass features end-to-end. - Work with PostgreSQL data exposed through Hasura, including schema familiarity, permissions awareness, role based access behavior, and debugging GraphQL-vs-SQL issues. - Support bilingual English/Arabic user experience, RTL layout requirements, accessibility, responsive design, and cross-browser compatibility. - Participate in code reviews, release troubleshooting, production issue analysis, CI/CD execution, and environment support across Docker, Azure Pipelines, AKS, SSL, cookies, CORS, secrets, and configuration. - Collaborate with QA, DevOps, product owners, architects, UX/UI, and business stakeholders to convert requirements into production-ready, testable, secure, and maintainable features. - Document technical decisions, assumptions, blockers, integration dependencies, and handover notes clearly.