Senior Frontend Engineer (On-site, Iloilo City, PH)

Skills & Experience Requirements

Core technical (Next.js + TypeScript + Tailwind)

• 5+ years building production web apps, including 3+ years with React/Next.js.

• Expert in TypeScript (strict mode, generics, utility types) and modern ESNext.

• Deep Next.js knowledge: App Router, Server Components, SSR/ISR/SSG trade‑offs, Route Handlers/Middleware, and edge/CDN caching behavior.

• Strong Tailwind CSS proficiency; experience with design tokens and the meable component systems.

• State/data: TanStack Query/React Query (or equivalent) with sound cache invalidation and optimistic updates.

APIs & commerce integrations (REST + Shopify GraphQL)

• Comfort integrating REST and GraphQL; familiarity with Shopify Storefront/Admin GraphQL, cursor pagination, rate limits, and resilient error/retry strategies.

• Experience with webhook-driven flows, idempotency, and graceful degradation when third‑party APIs throttle or fail.

Performance & reliability

• Consistent delivery against Core Web Vitals (LCP/INP/CLS) via code‑splitting, prefetching, image optimization (`next/image`, AVIF/WebP), and smart caching.

• Fluency with browser performance tooling (DevTools flame charts, coverage, memory, network waterfalls) and rapid regression remediation.

• Understanding of CDN/edge behavior (cache keys, SWR) and its interaction with Next.js rendering modes.

Media & asset-heavy UX

• Building upload and rendering flows with progress, retries, and safe client‑side validations.

• Responsive imagery (srcset, DPR), basic canvas/image manipulation, and efficient CDN delivery.

Accessibility & UX quality

• Strong grasp of WCAG 2.2 AA: semantic HTML, ARIA, focus management, keyboard navigation, color contrast, reduced‑motion preferences.

• Translate Figma specs into accessible, responsive, and performant interfaces; thoughtful empty/loading/error states and clear microcopy.

Quality, testing & release discipline

• Automated testing: unit (Jest/Vitest), component (React Testing Library), and E2E (Playwright/Cypress).

• Experience with visual regression (Storybook/Chromatic or similar) and CI quality gates.

• Comfort with feature flags and progressive delivery (canary, phased rollouts); rollback‑friendly UI changes.

Security & privacy fundamentals

• Working knowledge of CSP, XSS/CSRF mitigation, CORS, secure cookies, and OAuth/OIDC flows.

• Careful handling of tokens/keys in browser contexts; data minimization for client events.

Observability, analytics & tooling (recommended)

• Error tracking: Sentry (or equivalent).

• Frontend RUM/performance: Datadog RUM or New Relic Browser; familiarity with Vercel Analytics/Speed Insights is a plus.

• Product analytics: GA4 and/or Amplitude; event routing via Segment (or similar CDP).

• CI/CD & DevEx: GitHub Actions (or similar), pnpm/yarn, ESLint/Prettier, Turborepo/monorepo workflows, bundle analyzers.

Communication & collaboration

• Excellent written and spoken English: clear RFCs/design docs, crisp PRs, concise incident notes.

• Strong code‑review hygiene; ability to mentor and collaborate closely with design and backend.

• Product sense: translate requirements into incremental milestones; negotiate scope based on performance/accessibility constraints.