Blog & Articles
Thoughts on Full Stack, AI & SEO
Practical articles on building production web apps, integrating AI features, and ranking on Google. Written by Syed Muhammad Hasnain Abdi — freelance Full Stack Developer and AI Application Developer based in Karachi, Pakistan. Visit my projects or read more about me.
How I Built an SEO-Optimized Portfolio with Next.js 16
A practical walkthrough of how I built this very portfolio — covering Static Site Generation, JSON-LD structured data, Open Graph images, and a 68-keyword SEO strategy that ranks for "Full Stack Developer Pakistan".
Building PWAs with Next.js 16: A Practical Guide
How I turned a Next.js 16 app into an installable Progressive Web App — covering manifest.webmanifest, standalone mode, service workers, portrait lock, and offline-first UX patterns I used in HarKaam.
Integrating AI APIs in Next.js: A Full Stack Developer's Playbook
Practical patterns for integrating OpenAI, Gemini AI, and the z-ai-web-dev-sdk into a Next.js 16 App Router codebase — covering server routes, streaming, prompt design, and how I built 7 AI tools in My Skills.
Freelance Full Stack Developer in Pakistan: My Playbook
What I have learned as a freelance Full Stack Developer based in Karachi, Pakistan — finding clients, pricing projects, communicating clearly, and shipping on time without burning out.