Back

Services

Hands-on delivery, not vague strategy decks

I work best in focused scopes: new builds, product upgrades, technical audits, and the delivery work that actually moves a roadmap forward.

Freelance buildsProduct supportTechnical audits
React & Next.js — fast by default.

Frontend development

Pixel-accurate, performant UIs that look right on every screen. From Figma handoff to production — server components, streaming, and measurably fast Core Web Vitals.

  • React & Next.js App Router — SSR, SSG, server components, streaming
  • Design-to-code from Figma with careful attention to tokens and states
  • Core Web Vitals tuning: LCP, INP, CLS — PageSpeed scores that hold
  • TypeScript-first, accessible, mobile-first by default
From idea to launch — end to end.

Full-stack apps

Greenfield MVPs and production builds handled start to finish. Next.js on the front, Node on the back, Postgres or MySQL in the middle — auth, payments, admin tooling, and deployment all included.

  • Greenfield MVPs and production-ready builds
  • Auth (NextAuth / Clerk), Stripe payments, email, file uploads
  • Postgres / MySQL schema design, migrations, and query optimisation
  • CI/CD setup, Vercel / Railway deployment, environment management
Plugins, blocks, and WooCommerce.

WordPress & Gutenberg

Production Gutenberg blocks, custom plugins, and full-site builds. The same kind of work behind 50,000+ install plugins on WordPress.org — built to handle real traffic and editorial workflows.

  • Custom Gutenberg blocks (static & dynamic) with ACF & REST API support
  • Plugin development with free and Pro tiers via Freemius
  • WooCommerce customisation, checkout flows, and payment integrations
  • FSE theme development, performance tuning, and security hardening
Claude & OpenAI features in your product.

AI integrations

Production-grade AI features built directly into your Next.js app or WordPress plugin — not bolted on. Streaming responses, prompt caching for cost control, tool use for agentic flows, and RAG over your own data.

  • Streaming chat with the Anthropic / OpenAI SDKs and the Vercel AI SDK
  • Prompt caching (5min & 1hr) to cut token costs by up to 90%
  • Tool use & agentic workflows with proper guardrails and observability
  • RAG pipelines — embeddings, vector search, document Q&A
  • AI features inside WordPress plugins with secure key handling and rate limits
An outside eye on your codebase.

Advisory & code review

Architecture reviews, code audits, and consulting hours. Useful when a team is growing, inheriting a legacy codebase, or deciding on stack direction before the next phase.

  • Architecture & code review for React, Next.js, and WordPress projects
  • Performance audits — bundle size, database queries, render patterns
  • Onboarding docs and refactor plans teams can actually execute
  • Short engagements — hours or days, not months

Pricing

Simple, transparent rates.

Fixed packages for defined scope, hourly for ongoing work. Bigger projects get a custom estimate.

Any work, billed hourly

Hourly

$35
/ hour · negotiable
  • WordPress or Next.js work of any kind
  • New features & site updates
  • Performance, fixes & maintenance
  • Code review & consulting
Flexible startest. timeline

Pricing depends on the work — always negotiable.

Most requested

Any WordPress work

WordPress

$1,000 – $1,500
per project · negotiable
  • Custom themes & FSE builds
  • Plugin & Gutenberg block development
  • ACF integration & custom fields
  • WooCommerce customization
  • Any other WordPress-related work
1 – 2 weeksest. timeline

Pricing depends on the work — always negotiable.

End-to-end web product

React / Next.js

$3,000 – $3,500
per project · negotiable
  • Next.js frontend + API backend
  • Auth, payments & database
  • Deployment & CI setup
  • 1 month post-launch support
3 – 6 weeksest. timeline

Pricing depends on the work — always negotiable.

Custom scope

Building something bigger?

Large platforms, long-term engagements, and architecture work are scoped individually. Tell me what you're building and I'll put together a proper estimate.

FAQ

Common questions

Do you work with clients outside Pakistan?

Yes — clients across the US, UK, France, and Romania. I work fully remote and overlap comfortably with US Eastern and European working hours. Async-first, with video calls when needed.

What's your typical project process?

You share a brief, I ask clarifying questions, then send a scoped proposal with timeline and price. Work starts with a design review or spec, then iterative builds with regular check-ins. Final handoff includes docs and a walkthrough.

Do you take on small fixes and maintenance work?

Yes. Hourly work is available for bug fixes, small features, performance improvements, and ongoing maintenance. Useful for teams that need reliable on-call dev support without a full retainer.

Can you work with an existing codebase?

Absolutely — most projects involve picking up existing code. I do a brief audit first to understand the architecture, then scope the work accordingly. No surprises mid-project.

Do you handle design, or do I need to bring my own?

Both work. I can implement from a Figma file or take a simpler approach and build directly from a written spec or rough wireframe. For most projects without a designer, I work with established design systems or component libraries so the output still looks polished.

What does a typical engagement look like?

Most projects run 2–8 weeks depending on scope. I work on focused, well-scoped engagements rather than open-ended retainers — clear deliverables, agreed timeline, and a defined handoff point.

How do I get started?

Use the contact form or email hello@farhan-shafi.com with a brief description of the project, rough timeline, and budget range. I reply within 1–2 business days.

Ready to start?

Tell me what you're building and I'll reply within 1–2 business days.

Get in touch →