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.
ChatGPT GPT Astra: Complete Guide to OpenAI's GPT-6 Astra Model
ChatGPT GPT Astra is OpenAI's GPT-6 Astra model now available to Pro, Enterprise, and Business Premium users. Here is what it can do, how to use it in ChatGPT and the API, and which GPT model is best for your use case.