Senior Next.js + Tailwind Developer — Slice 4 Designs to Production Components

We're rebuilding a website on a modern headless stack (Next.js 15, Tailwind CSS, Sanity, Shopify Storefront). We need a focused frontend specialist to convert 4 supplied design templates into pixel-accurate, drop-in React components.

THE ROLE

You take our supplied Figma designs and produce TypeScript React components using Tailwind. We provide the Tailwind config with all design tokens already defined. Your job is visual implementation only — no data wiring, no APIs, no business logic. You hand back drop-in components that our team integrates with the rest of the stack.

WHAT YOU WILL BUILD

- 4 template components (final list confirmed at brief — homepage, service detail, product detail, plus one more)
- Each as a self-contained .tsx component with a typed Props interface we provide
- Storybook stories per template (one per visual state)
- Short README per component folder

HARD TECHNICAL REQUIREMENTS (please don't apply if you can't deliver these)

- Next.js 15 App Router compatibility
- TypeScript strict mode (must pass tsc --noEmit)
- Tailwind CSS only — no CSS modules, no styled-components, no inline styles
- Use only design tokens from the Tailwind config we provide — no arbitrary hex values, no off-scale spacing or type
- next/image for all images
- Semantic HTML5, no div soup
- WCAG 2.1 AA accessibility (axe-core scan must pass)
- Mobile-first responsive: 640 / 768 / 1024 / 1280 / 1536 breakpoints

WHAT WE PROVIDE

- Figma files with dev-mode access
- Tailwind config with the full design system
- TypeScript Props interfaces for each template
- Storybook scaffolded and running
- GitHub repo access from day one
- Under-24h turnaround on questions and PR reviews

ENGAGEMENT

- Paid 4-hour trial task first: we send you one component to slice. Pass the trial, then we commit to the full 4 templates.
- Fixed-fee per template OR hourly with cap — your preference
- Async-friendly working style

IN YOUR PROPOSAL, PLEASE INCLUDE (proposals missing any of these will not be considered)

1. Three production Next.js + Tailwind sites you have shipped (live URLs only — no Behance, no Dribbble, no localhost screenshots)
2. A short description of one tricky responsive component you have built and why it was tricky
3. Your day rate OR per-template fixed-fee preference
4. Confirmation that you will do the paid 4-hour trial task first

WE WILL NOT CONSIDER PROPOSALS THAT

- Are generic copy-paste applications without addressing the four points above
- Do not include live production URLs
- Show only WordPress, Webflow, jQuery, or non-React work as primary portfolio
- Claim to "also do" backend, UX, project management, or design — we need a focused specialist
- Pitch a "team" without naming specific developers and showing their individual portfolios Show More