Next.js E-Commerce Frontend Build
Budget: ₹1,500 – ₹12,500 INR
I need the front-end of an e-commerce store built with Next.js, Tailwind CSS and TypeScript. Two or more years of practical experience with this exact stack is essential so you can work confidently with file-based routing, server/client components and utility-first styling.
All branding is locked in. You’ll receive detailed Figma files that specify grid, spacing, typography and colour tokens. Each page must follow those guidelines precisely and remain fully responsive from 360 px mobile screens up to large desktops.
Compensation is fixed at ₹200 per page delivered and ₹100 for any later modification on that page. I release a milestone the moment the page passes review, keeping the workflow quick and predictable.
Typical screens you’ll tackle are: home, category listing, product detail, cart and checkout. The back-end is handled elsewhere, so just leave clear hooks or placeholder endpoints for add-to-cart, login and similar actions.
Deliverables
• Clean, well-commented TSX files styled with Tailwind
• Reusable components extracted where sensible (buttons, cards, modals)
• Code pushed to Git with feature branches and tidy commit messages
• Lighthouse performance & accessibility score of 90+ on both mobile and desktop
Acceptance Criteria
1. Visual match within ±2 px of Figma at mobile, tablet and desktop breakpoints
2. No TypeScript errors or ESLint warnings in CI
3. Production build runs without console errors
Let me know your earliest availability and the number of pages you can comfortably turn around each day so we can line up the first milestone right away.
All branding is locked in. You’ll receive detailed Figma files that specify grid, spacing, typography and colour tokens. Each page must follow those guidelines precisely and remain fully responsive from 360 px mobile screens up to large desktops.
Compensation is fixed at ₹200 per page delivered and ₹100 for any later modification on that page. I release a milestone the moment the page passes review, keeping the workflow quick and predictable.
Typical screens you’ll tackle are: home, category listing, product detail, cart and checkout. The back-end is handled elsewhere, so just leave clear hooks or placeholder endpoints for add-to-cart, login and similar actions.
Deliverables
• Clean, well-commented TSX files styled with Tailwind
• Reusable components extracted where sensible (buttons, cards, modals)
• Code pushed to Git with feature branches and tidy commit messages
• Lighthouse performance & accessibility score of 90+ on both mobile and desktop
Acceptance Criteria
1. Visual match within ±2 px of Figma at mobile, tablet and desktop breakpoints
2. No TypeScript errors or ESLint warnings in CI
3. Production build runs without console errors
Let me know your earliest availability and the number of pages you can comfortably turn around each day so we can line up the first milestone right away.