Senior Next.js + Tailwind Developer — Slice 4 Designs to Production Components
Summary
Freelancer Client is hiring: Senior Next.js + Tailwind Developer — Slice 4 Designs to Production Components.
Location: Remote
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.
What you'll do:
• 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.
• 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)
Benefits & perks:
• 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
• 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
Skills: JavaScript, Website Design, CSS, HTML, Frontend Development, GitHub, Figma, Next.js, Tailwind CSS, Accessibility Testing
Budget: $1500–$3000 USD
Source: Freelancer Client via Remote / Online. Apply on the source website.
Original
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
Location & Details
Apply on source →About this listing
This remote opportunity was imported from Freelancer and is shown here for discovery. To apply, follow the link to the original posting.