Web Dev Drops: Web development and AI coding tutorials
Practical web development tutorials by a senior frontend engineer: Git, React, TypeScript, Node.js, SQL and AI coding tools like Claude Code and Cursor.
Topics
Latest posts
AI Tools
What Is MCP? MCP vs API Explained for Developers
What is MCP (Model Context Protocol)? How hosts, clients and servers work, what an MCP server is, and the real difference between MCP and an API.
16 min read
Terminal
Bash vs Zsh vs PowerShell: Which Shell for Developers?
13 min read
Node.js
Clean Architecture vs Hexagonal Architecture in Node.js
18 min read
Bash
Bash Scripting: Variables, If/Else, Loops and Functions
19 min read
TypeScript
SOLID Principles in TypeScript (with Real Examples)
16 min read
Databases
SQL Joins Explained Visually (with Examples)
17 min read
AI Tools
Claude Code Subagents and Custom Slash Commands
18 min read
AI Tools
Spec-Driven Development with AI Coding Agents: A Guide
16 min read
AI Tools
OpenCode vs Claude Code: Which Terminal Agent to Use?
16 min read
Node.js
Idempotency in APIs Explained (with Node.js Examples)
18 min read
React
React Hook Form: Forms and Validation with Zod (2026)
11 min read
Git
Git Undo Last Commit: reset vs revert (with Examples)
14 min read
Git
Git Rename Branch and Delete Branch (Local and Remote)
13 min read
AI Tools
How to Build an MCP Server in TypeScript (Step by Step)
15 min read