Senior Next.js Developer (AI-Assisted) — Build a Finished Design System Into a Production Site

Posted 13 hours ago

Worldwide

Summary

We're a physician-led digital psychiatry platform. Our website design is already 100% done: a fully locked design system plus ~53 finished, self-contained HTML mockups covering every page. This is NOT a design project. Our in-house designer handles all template rendering and image assets in Figma — you focus purely on building clean production Next.js code. THE APPROACH (please read — it's the whole efficiency play) Our pages are all assembled from one shared block library, so we want to build library-first, not page-by-page: Build the shared component library once (~15 reusable React/Next components), validated against 3-4 exemplar pages until pixel-locked. Bind variable data (pricing, credentials, state availability) to a single config source — never hard-coded. Assemble every remaining page straight from the finished HTML mockups. Drop in the rendered images and template assets our designer provides — no design or Figma work lands on you. We fully expect and encourage heavy use of AI coding tools (Claude, Kimi, Cursor, Copilot — your choice). We care about speed, correctness, and clean output. HOW WE'LL WORK TOGETHER Our designer owns the visual/template rendering and image-asset production (Figma). You own the Next.js implementation — turning the finished mockups and his rendered assets into clean, reusable, responsive code. We need you to build fast and faithfully. SCOPE 50+ finished page mockups, but only ~8 underlying templates (most pages reuse the same skeleton with swapped content). Full breakdown in the attached PDF. STACK Next.js (App Router) + TypeScript + Tailwind. Responsive, WCAG AA, static (motion-free by design). IMPORTANT This is medically reviewed, compliance-sensitive copy. All body text must be transcribed exactly as written in the mockups — do not rewrite or let AI regenerate patient-facing wording. Code is yours to optimize; the words are not. TO APPLY, PLEASE INCLUDE 2-3 Next.js sites you've built (component-driven, multi-page, responsive) Your AI-assisted workflow — which tools and how you keep output clean Your honest read on the library-first approach above — would you build it this way? A rough estimate: time to build the component library + exemplars, then assemble the full set Your rate and availability over the next few weeks Full project brief attached (PDF).

  • Less than 30 hrs/week
    Hourly
  • 1-3 months
    Duration
  • Expert
    Experience Level
  • Remote Job
  • Ongoing project
    Project Type
Skills and Expertise
Mandatory skills
Next.js
React
Tailwind CSS
Activity on this job
  • Proposals:50+
  • Last viewed by client:1 hour ago
  • Interviewing:
    28
  • Invites sent:
    43
  • Unanswered invites:
    18
About the client
Member since May 12, 2018
  • United States
    Devon12:27 AM
  • $195K total spent
    132 hires, 39 active
  • 6,549 hours
  • Science & Medicine
    Mid-sized company (10-99 people)

Explore similar jobs on Upwork

Multiplayer Card gameHourly‐ Posted 3 weeks ago
Native App Development
AngularJS
TypeScript
Node.js
JavaScript
React
MongoDB
MySQL
Amazon Web Services
Redis
Socket.io
Web Design
ExpressJS
NodeJS Framework
Game Development
RESTful API
Python
Database Development
Microsoft Excel
Data Processing
CRM Development

How it works

  • Post a job icon
    Create your free profile
    Highlight your skills and experience, show your portfolio, and set your ideal pay rate.
  • Talent comes to you icon
    Work the way you want
    Apply for jobs, create easy-to-by projects, or access exclusive opportunities that come to you.
  • Payment simplified icon
    Get paid securely
    From contract to payment, we help you work safely and get paid securely.
Want to get started? Create a profile

About Upwork

  • Rating is 4.9 out of 5.
    4.9/5
    (Average rating of clients by professionals)
  • G2 2021
    #1 freelance platform
  • 49,000+
    Signed contract every week
  • $2.3B
    Freelancers earned on Upwork in 2020

Find the best freelance jobs

Growing your career is as easy as creating a free profile and finding work like this that fits your skills.

Trusted by

  • Microsoft Logo
  • Airbnb Logo
  • Bissell Logo
  • GoDaddy Logo