Frontend Engineer

This role is best suited for a Senior Frontend Engineer with strong expertise in React, Next.js, TypeScript, and modern JavaScript, plus experience with CI/CD and cloud environments (AWS preferred). The position focuses on building scalable, high-quality real estate platforms, collaborating with product and design teams, and driving engineering best practices. It suits someone who is product-focused, thrives in cross-functional teams, and enjoys tackling complex technical challenges in a fast-growing proptech environment.

1. When would you choose SSR, SSG, or ISR in Next.js for Huspy’s portals?
   SSR for auth-gated, highly dynamic agent/broker data; SSG for mostly static marketing pages; ISR for listings/market data that must be fresh but cacheable with revalidate.

2. How do you decide between Server and Client Components in the App Router?
   Default to Server Components for data fetching/serialization and reduced bundle size; use Client Components only for interactive UI (state, event handlers), lifting boundaries sparingly.

3. How would you manage server state and cache invalidation in a React/Next.js app?
   Use React Query (or Next’s fetch cache + revalidateTag) for request deduping, background refresh, and fine-grained invalidation on mutations.

4. What techniques do you use to optimize large, data-heavy UIs (e.g., property lists)?
   Virtualize lists (e.g., react-virtual), paginate/infinite scroll, memoize selectors/props (useMemo, useCallback), and offload heavy work to Web Workers.

5. How do you implement authentication and authorization securely in Next.js?
   Store JWT/Session in HttpOnly cookies, gate routes with Middleware/Route Handlers, enforce RBAC on the server, and protect against CSRF/XSS via same-site cookies and strict CSP.

6. What’s your approach to complex forms for broker/agent workflows?
   Use React Hook Form with Zod for schema-driven validation, lazy-load heavy inputs, debounce async validations, and provide optimistic UX with clear error states.

7. How would you set up CI/CD and deployments on AWS/Vercel?
   Pipeline runs type checks, tests, and linting; build once and promote across envs with parameterized secrets; enable canary/preview deployments and feature flags for gradual rollout.

8. How do you ensure reliability and observability in production?
   Add Error Boundaries and App Router error.js, instrument with Sentry/OpenTelemetry, emit structured logs, and track Core Web Vitals and user flows in RUM analytics.

9. How do you meet accessibility and performance standards simultaneously?
   Ship semantic HTML and keyboard flows first, manage focus on route/data changes, prefer native controls, and use Next Image/font optimizations to keep pages fast and inclusive.

10. How would you handle i18n/RTL for Gulf markets while keeping SEO strong?
    Use Next.js i18n routing with locale-specific metadata, serve RTL styles for Arabic, persist user locale, and pre-render localized pages with ISR for crawlability.

Huspy is hiring a Frontend Engineer in Dubai to build modern, scalable real estate and mortgage platforms using React, TypeScript, and Next.js. You’ll work closely with Product and Design to deliver high-impact features, lead by example in engineering best practices, and shape the architecture of Huspy’s super app. Ideal for senior engineers with a product mindset, CI/CD experience, and a collaborative spirit. Join one of EMEA’s fastest-growing proptech companies backed by Sequoia and Balderton.