Next.js Developer - Product Comparison Platform Enhancement

Next.js Frontend Developer Needed - Financial Comparison Platform

Project Overview

I’m seeking an experienced **Next.js frontend developer** to optimize and enhance my financial comparison platform. My site helps users compare financial products and digital services across multiple markets.

**Current Challenge:** I’m experiencing performance issues, poor code quality, and need a developer who can deliver production-ready, scalable solutions quickly.

**Speed Expectation:** I expect fast delivery leveraging modern **AI development tools** (GitHub Copilot, Cursor, v0.dev, etc.) to accelerate development. Experienced freelancers should be able to achieve 3-5x faster output using these tools effectively.

## Technical Stack

- **Frontend:** Next.js 14+ (App Router)
- **Styling:** Tailwind CSS (migrating from current setup)
- **Backend:** AWS infrastructure
- **CMS:** Payload CMS
- **Database:** PostgreSQL
- **Languages:** TypeScript required

## Key Requirements

### 1. Performance Optimization

- Achieve **Core Web Vitals** scores of 90+ (LCP, INP, CLS)
- Implement proper **code splitting** and lazy loading
- Optimize **bundle size** (target <200KB initial load)
- Leverage Next.js **Image component** for automatic optimization
- Implement **server-side rendering** and **static generation** appropriately

### 2. Code Quality Standards

- **TypeScript** implementation throughout
- **Clean, modular architecture** with proper folder structure
- **ESLint + Prettier** configuration and adherence
- **Component-based design** following React best practices
- **Error handling** and proper state management
- **Unit testing** with Jest/React Testing Library

### 3. Structured Data & SEO Implementation

**This is critical for our business success:**

- Implement **JSON-LD structured data** for:
- Financial products (credit cards, loans)
- Product comparison tables
- Review/rating schemas
- FAQ schemas
- Organization markup
- **Google Rich Results** optimization:
- Product snippet markup
- Review stars and ratings
- Price comparison data
- FAQ rich snippets
- **AI Tool Compatibility:**
- Semantic HTML structure for AI content understanding
- Proper heading hierarchy (H1-H6)
- Accessible content organization
- Machine-readable product attributes

### 4. Responsive Design

- **Mobile-first** approach (60%+ of our traffic is mobile)
- **Cross-browser compatibility** (Chrome, Safari, Firefox, Edge)
- **Tailwind CSS** implementation for consistent styling
- **Dark mode** support

## Specific Deliverables

### Phase 1: Audit & Core Setup (Days 1-3)

- Complete **performance audit** of current implementation
- **Tailwind CSS** migration and implementation
- **TypeScript** setup and critical optimizations
- **Development environment** optimization

### Phase 2: Performance & Architecture (Days 4-8)

- **Bundle size optimization** and code splitting
- **Image optimization** and Core Web Vitals improvements
- **Server component** architecture implementation
- **State management** optimization

### Phase 3: Structured Data & SEO (Days 9-12)

- **JSON-LD schema** implementation for all product types
- **Rich snippets** testing and validation
- **AI-friendly markup** structure implementation
- **Google Search Console** integration

### Phase 4: Testing & Handover (Days 13-14)

- **Testing implementation** and bug fixes
- **Performance monitoring** setup
- **Documentation** and knowledge transfer
- **Final optimization** and deployment

## What We’re Looking For

### Must-Have Experience

- **3+ years** with Next.js (App Router experience required)
- **Expert-level** Tailwind CSS knowledge
- **TypeScript** proficiency
- **SEO and structured data** implementation experience
- **Performance optimization** expertise
- **Modern React patterns** (hooks, context, suspense)

### Preferred Experience

- **Financial/fintech** website development
- **High-traffic** site optimization (10K+ daily users)
- **E-commerce or comparison** site experience
- **AWS deployment** knowledge
- **Payload CMS** familiarity

### Soft Skills Required

- **Clear communication** and regular updates
- **Problem-solving** mindset for performance issues
- **Attention to detail** for financial data accuracy
- **Deadline-oriented** approach

## Success Metrics

We’ll measure success by:

- **PageSpeed Insights** scores (90+ target)
- **Google Rich Results** test validation
- **Bundle size reduction** (target 50% decrease)
- **Development velocity** improvement
- **Zero critical accessibility** violations
- **Cross-browser consistency**

## Project Timeline

**Duration:** 2 weeks (full-time commitment required)
**Start Date:** Immediately upon selection

## Application Requirements

To apply, please include:

1. **Portfolio** with Next.js projects (especially comparison/e-commerce sites)
1. **Performance case studies** showing before/after metrics
1. **Structured data examples** from previous work
1. **Estimated timeline** for each phase
1. **Questions** about our current implementation
1. **Rate expectations** and availability

### Bonus Points For:

- **Live examples** of sites you’ve optimized
- **Google Rich Results** screenshots from your work
- **Core Web Vitals** improvement case studies
- **Open source contributions** to Next.js ecosystem

## Technical Test (Required)

We’ll ask shortlisted candidates to:

1. **Audit** a sample page from our site
1. **Identify** 3 key performance issues
1. **Propose** structured data schema for a credit card comparison

## About Our Company

We’re a fintech startup focused on simplifying financial decisions through clear comparisons. We value **clean code**, **performance**, and **user experience** above all.