Skip to content
~sami-ullah

Next.js Developer — Sami Ullah

Sami Ullah is a Next.js developer who builds server-rendered and statically generated web apps with the App Router and TypeScript. He focuses on technical SEO, structured data and Core Web Vitals, and uses Next.js for his own products and client booking systems, including this portfolio site.

Used professionally since 2025 (1+ years)

What does Sami Ullah do with Next.js?

I use Next.js when a project needs search visibility, fast first loads, or a single codebase for pages and API routes. This site is built with Next.js 15 and the App Router, statically generated, with JSON-LD on every page.

On client and product work I pair Next.js with a NestJS API and PostgreSQL when the backend has real business rules, such as appointment booking, and keep it to Next.js Route Handlers when the backend is small.

Roles where Next.js is in the job title

  • MERN Stack Developer, Earth Scan Systems (2025–present)

Official documentation: Next.js documentation

Next.js case studies

Screenshot of Clinic Booking Systemlive demo

Concept project

Clinic Booking System

Book a slot in your time zone, race two bookings for one slot, then drag appointments in the admin calendar and watch overlaps fail.

TypeScriptReact.jsNext.jszod
▶ Open demo
Screenshot of Field Boundary Drawing Toollive demo

Concept project

Field Boundary Drawing Tool

Draw a field near Sargodha, drag its corners, watch hectares update live, then export and re-import it as GeoJSON.

TypeScriptReact.jsNext.jsLeaflet
▶ Open demo
Screenshot of JobPilot — AI-Assisted Remote Job Applications

Own product

JobPilot — AI-Assisted Remote Job Applications

JobPilot is my own web app for remote job hunting. Every day it collects new remote jobs, scores each one against a master CV, writes a tailored CV and cover letter for good matches, and waits for a human to approve before anything is sent. It supports several job seekers in separate workspaces and can also be driven from an AI assistant through MCP.

Next.jsTypeScriptPostgreSQLDrizzle ORM
Screenshot of NDVI Time-Series Viewerlive demo

Concept project

NDVI Time-Series Viewer

Play a season of NDVI across six fields, compare their curves, and tune the detector that flags a stressed wheat field.

TypeScriptReact.jsNext.jsLeaflet
▶ Open demo

Own product

AI Outbound Calling and Lead Qualification System

A system I built that calls a list of consented contacts with an AI voice agent, holds a short qualifying conversation and records every result as a tracked outcome or lead. A NestJS API runs the dialing, compliance checks and webhooks, and a Next.js dashboard with a built-in AI assistant lets the owner run campaigns and ask for reports in plain language.

NestJSTypeScriptPrismaSQLite
Screenshot of Salon Booking Marketplace — Multi-Salon Platform

Own product

Salon Booking Marketplace — Multi-Salon Platform

A multi-salon booking marketplace I designed and built for Pakistan. Clients find nearby salons on a map, choose a barber, service and time, and book at the salon or as a home visit. Salons run staff, schedules and earnings from their own dashboard, and the platform collects a commission per completed booking through daily settlements.

Next.jsReact.jsTypeScriptTailwind CSS
Screenshot of GraphQL API with NestJSlive demo

Concept project

GraphQL API with NestJS

Write GraphQL queries and mutations, then compare the SQL count with and without DataLoader batching.

TypeScriptReact.jsNext.jsGraphQL
▶ Open demo
Screenshot of Inventory Management Systemlive demo

Concept project

Inventory Management System

Oversell a product, run a transfer that fails halfway and rolls back, receive a purchase order and export the low-stock list.

TypeScriptReact.jsNext.jszod
▶ Open demo
Screenshot of Phone Speakers Cleaner — Web Audio Tool Website

Own product

Phone Speakers Cleaner — Web Audio Tool Website

Phone Speakers Cleaner is my own free tool website. It plays low-frequency tones in the browser to help shake water, dust and lint out of a phone's speaker grille, and adds a tone generator, a left and right speaker test and a blog of practical guides that bring search traffic to the tool. Nothing is recorded or uploaded.

Next.jsReact.jsTypeScriptWeb Audio API
Screenshot of GraphyAI — All-in-One AI Studio Platform

Built while at GraphyD

GraphyAI — All-in-One AI Studio Platform

GraphyAI puts nine AI studios behind one login: chat with leading language models, image and video generation, document analysis and a library of more than 24,000 curated prompts. I built the platform with Next.js and React for GraphyD, and it runs on Vercel with plans for free and paid users.

Next.jsReact.jsVercel

Own product

ReviewLens — Review and Returns Analysis for Stores

ReviewLens (working name) is a SaaS I built for online stores. It reads a store's customer reviews, returns and competitors and turns them into a short report: what customers complain about, which products cause the most problems and what to fix first. All numbers are computed in code, and AI only classifies text and explains the results.

Next.jsReact.jsTypeScriptTailwind CSS

Articles about Next.js

#nextjs6 min

JSON-LD Structured Data in Next.js 15

How to add JSON-LD structured data in Next.js 15: a safe script component, typed schema-dts graphs with stable @id values, FAQ rules and how to test it.

read →

#nextjs6 min

Next.js App Router SEO Checklist for Next.js 15

A practical Next.js App Router SEO checklist for Next.js 15: metadata, canonicals, sitemap, robots, JSON-LD, rendering, images and 404s, with working code.

read →

#nextjs6 min

ISR vs SSG vs SSR in Next.js 15: How to Choose

ISR vs SSG vs SSR in Next.js 15 App Router: what each rendering mode is, how Next.js picks one, a comparison table, working code and a decision checklist.

read →

Frequently asked questions

What does Sami Ullah build with Next.js?

Sami Ullah builds marketing sites, tool websites with blogs, and full web apps such as booking systems with Next.js. He uses the App Router with static generation where possible, server components by default, and client components only where interaction needs them, which keeps JavaScript small and pages fast.

Can Sami Ullah improve the SEO of an existing Next.js site?

Yes. Typical work includes unique metadata per route with generateMetadata, canonical URLs, a sitemap and robots file, JSON-LD structured data, Open Graph images with next/og, and fixing Core Web Vitals issues such as layout shift from images and fonts. Each change is checked against Search Console data.

Does Sami Ullah use the Next.js App Router or Pages Router?

New projects use the App Router, because React Server Components, nested layouts and file-based metadata make SEO and performance easier to get right. He can still maintain Pages Router projects and migrate them gradually, route by route, when a client wants to move to the App Router.

Hire Sami for Next.js work