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 tradeoffs, Route Handlers/Middleware, and edge/CDN caching behavior.
- Strong Tailwind CSS proficiency; experience with design tokens and themeable 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 thirdparty APIs throttle or fail.
Performance & reliability
- Consistent delivery against Core Web Vitals (LCP/INP/CLS) via codesplitting, 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 clientside 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, reducedmotion 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); rollbackfriendly 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 codereview 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.
