About Me

I am Zohaib Nawaz, a full-stack developer and AI engineer. I design and ship production SaaS, AI-powered product features, and full-stack systems on Next.js, TypeScript, and Supabase.

I work remotely from Dullewala, Pakistan (PKT). The work is foundation-first: readable TypeScript, measured speed, and interfaces that feel considered—not decorative.

Zohaib Nawaz — portraitZohaib Nawaz — portrait

I build full-stack products with a foundation-first approach: clear architecture, typed TypeScript, and systems that stay maintainable after launch—not throwaway prototypes.

The craft shows up where clients feel it: load speed, readable UI, honest motion, and AI features that earn their place in the product instead of sitting on as demos.

Capabilities

What I build with

Next.js & React

App Router products with server components, typed UI, and component systems built to scale.

TypeScript

Strict, reviewable codebases with clear contracts across UI, server actions, and shared libraries.

Supabase & PostgreSQL

Auth, Postgres, RLS, Realtime, and Storage wired into production SaaS and portfolio backends.

SaaS & Multi-Tenant Applications

Workspace isolation, role-based access, and tenant-safe data models from MVP through launch.

Admin & Analytics Dashboards

Internal ops surfaces — approvals, inboxes, charts, and workflows that teams actually use daily.

AI Integration & AI Applications

Practical LLM features — assistants, search, automation, and API-backed UX with sensible guardrails.

API & Third-Party Integrations

REST, webhooks, OAuth, and vendor APIs connected with reliable error handling and observability.

SEO & Performance Optimization

Metadata, structured data, image strategy, and Core Web Vitals tuned for marketing and product pages.

Libraries & motion

Tailwind CSS plus GSAP, ScrollTrigger, Lenis, Locomotive Scroll, and Howler.js for polished, intentional UI motion and scroll.

Principles

How I make decisions

A small set of rules that keeps the work consistent—across performance budgets, visual systems, and long-lived codebases.

01

Clarity over cleverness

Readable architecture scales teams. If it can’t be explained simply, it’s not stable enough to ship.

02

Performance is a feature

I treat Core Web Vitals as product requirements—measured, budgeted, and defended during iteration.

LCPINPCLS

03

Systems, not screens

I build design tokens, primitives, and patterns first—then assemble pages as compositions, not one-offs.

04

Motion with intent

Animation must clarify hierarchy and state. Ambient motion is restrained; transitions earn their presence.

TimingEasingReduced motion

Toolbox

Next.js & React

App Router

TypeScript

Strict-first

Supabase & PostgreSQL

RLS + Auth

SaaS & Multi-Tenant Applications

Workspaces

Admin & Analytics Dashboards

Ops UI

AI Integration & AI Applications

LLM APIs

API & Third-Party Integrations

Webhooks

SEO & Performance Optimization

Core Web Vitals

Tailwind CSS

Design tokens

GSAP

Timelines

ScrollTrigger

Scroll scenes

Lenis

Smooth scroll

Locomotive Scroll

Scroll UX

Howler.js

Web audio

Signals

What “good” looks like

Evidence that the work is robust: measurable, repeatable, and comfortable to maintain after launch.

Core Web Vitals

Performance

Budgets defined early; regressions caught before release. Fast-first decisions throughout the build.

Accessible by default

A11y

Semantic structure, keyboard flows, contrast, and motion preferences built into the system—not bolted on.

Maintainable delivery

Engineering

Type safety, conventions, and components that age well—so future updates remain confident and quick.

Web Developer

JANUARY 2026 - PRESENT

Ray Prime Consultants

Built responsive marketing and business websites with React and Next.js, following accessibility standards and optimized asset delivery. Improved page load times through caching, image optimization, and front-end performance audits.

Software Developer

SEPTEMBER 2025 - PRESENT

Triminage

Owned full-stack features from planning through release using TypeScript, React, and API integrations. Collaborated on QA, edge-case handling, and documentation to keep team releases predictable.

Intern

JUNE 2025 - AUGUST 2025

Triminage

Joined the engineering team on production features under code review, deadlines, and shared ownership. Shipped TypeScript and React work with API integrations while learning team QA and release habits.

Web Developer

FEBRUARY 2025 - JANUARY 2026

Independent Contractor

Delivered landing pages, portfolios, and business websites aligned with brand and conversion goals. Built mobile-first layouts and content hierarchy to improve scannability and reduce bounce rates.

Ready when you are

Tell me about the work.

A short note is enough. I’ll reply with fit, timing, and the next step so we can move without the runaround.