BLOG / 01ENGINEERING NOTES

Field notes
from the stack.

Practical writing about AI agents, document chatbots, React, Next.js and the engineering decisions behind reliable web products.

Technical SEOSeptember 10, 20267 min read

Moataseem Shaaban, author of this article

AI Search SEO: A Practical Guide to AI Overviews and AI Mode

A practical AI search SEO audit for business websites: indexing, Google’s AI controls, useful content, author identity, image discovery, and measurable results.

Read article

AI EngineeringSeptember 10, 20267 min read

AI Chatbot Security: Stop Prompt Injection from Becoming a Data Breach

Design safer AI chatbots with tenant-aware retrieval, restricted tools, approval checks, safe output rendering, and a practical prompt-injection test matrix.

Read article

AI EngineeringSeptember 7, 20268 min read

AI-generated editorial portrait of Moataseem Shaaban beside branching workflow paths

AI Agents vs Workflows: What Should You Build in 2026?

Choose between AI agents and automation with a practical decision table, a customer-support example, cost calculations, and a production launch checklist.

Read article

AI EngineeringSeptember 7, 20268 min read

AI-generated editorial portrait of Moataseem Shaaban with document layers and a search lens

RAG vs Fine-Tuning: Build an AI Chatbot for Your Data

Should you use RAG or fine-tuning for a business chatbot? Compare the options, design document retrieval, test citations, and protect private customer data.

Read article

Next.jsSeptember 7, 202616 min read

Indexed paper website pages beneath a magnifying lens

Technical SEO in Next.js App Router: A Production Guide

A practical Next.js App Router SEO guide covering metadata, canonical URLs, sitemaps, robots rules, JSON-LD, internal links, rendering, and release checks.

Read article

PerformanceSeptember 7, 202617 min read

Mechanical stopwatch beside three precision measurement tracks

React Performance and Core Web Vitals: A Practical Guide

Diagnose and improve LCP, INP, and CLS in React with field data, browser profiling, rendering fixes, image strategy, and measured memoization.

Read article

DevOpsSeptember 7, 202618 min read

Modular containers arranged along a deployment track

Deploy Next.js with Docker, Nginx, and GitHub Actions

Deploy Next.js reliably: choose the right output, build a lean Docker image, configure Nginx, publish with GitHub Actions, and plan safe rollbacks.

Read article

Next.jsApril 28, 202612 min read

Layered architectural model of a portfolio website

How I Built My Production-Ready Next.js Portfolio — Moataseem Shaaban

Moataseem Shaaban walks through how he built, optimized, and deployed his portfolio website using Next.js 15, Tailwind CSS v4, GSAP animations, and a hardened VPS. A full guide from setup to 100/100 PageSpeed.

Read article

ReactApril 22, 202610 min read

Connected server cabinet and browser-frame models

React Server Components vs Client Components: A Guide by Moataseem Shaaban

Moataseem Shaaban explains the difference between React Server Components and Client Components, when to use each, and shares real examples from building moataseem.com with Next.js 15.

Read article

BackendApril 15, 202614 min read

Stacked database cylinders connected to request tiles

Building a Scalable REST API with Node.js, Express, and PostgreSQL — by Moataseem Shaaban

Moataseem Shaaban shares his approach to building production-grade REST APIs using Node.js, Express, and PostgreSQL with authentication, validation, error handling, and deployment on a VPS.

Read article

CSSApril 8, 20269 min read

Material swatches and grid rulers assembling an interface panel

Tailwind CSS v4: What's New and How I Use It — Moataseem Shaaban

Moataseem Shaaban breaks down Tailwind CSS v4's new features — the Rust-based engine, CSS-first configuration, OKLCH colors — and shows how he uses it on moataseem.com.

Read article

CareerApril 1, 202615 min read

Architectural learning platforms rising toward a web application model

Full Stack Developer Roadmap 2025 — Moataseem Shaaban's Guide

Moataseem Shaaban shares his practical, opinionated roadmap for becoming a full stack developer in 2025 — the technologies, projects, and skills that actually matter for building production apps and getting hired.

Read article