AI Posts (16)

Hands-on guides to integrating AI into web apps — embeddings, RAG pipelines, and working with LLM APIs.

Monday 23/03/2026

· 11 min read

Vercel AI SDK vs Mastra vs LangChain.js: Which TypeScript AI Framework Should You Use

Compare Vercel AI SDK, Mastra, and LangChain.js by building the same tool-calling agent in all three — with honest tradeoffs on DX, streaming, and production readiness.

AIJavaScript

Saturday 21/03/2026

· 11 min read

Build a Human-in-the-Loop AI Agent with Vercel AI SDK

Build a Next.js AI agent that asks for user approval before taking actions — using Vercel AI SDK's tool confirmation flow with streaming UI and approval dialogs.

AIJavaScript

Wednesday 18/03/2026

· 10 min read

Structured Output with Zod: Force Any LLM to Return Typed JSON

Stop parsing messy LLM text with regex. Learn how to use Zod schemas to get reliable, typed JSON from Claude, OpenAI, and Vercel AI SDK — with validation, error recovery, and nested schemas.

AIJavaScript

Wednesday 18/03/2026

· 12 min read

How to Build an MCP Server in TypeScript from Scratch

Learn how to build a Model Context Protocol (MCP) server in TypeScript that connects a PostgreSQL database to any LLM client — with tools, resources, and Streamable HTTP transport.

AIJavaScript

Wednesday 04/03/2026

· 14 min read

How to Test AI Features: Unit Testing LLM-Powered Code

Learn practical patterns for testing LLM-powered TypeScript code — mocking AI APIs, snapshot testing non-deterministic outputs, eval frameworks, and assertion strategies with Vitest.

AIJavaScript

Monday 02/03/2026

· 11 min read

Build a Slack Bot That Answers Questions About Your Codebase

Build an AI Slack bot that indexes your codebase and answers questions like 'where is the auth logic?' — with full TypeScript code using embeddings and Claude.

AIJavaScript

Friday 27/02/2026

· 12 min read

How to Cache AI Responses Without Breaking Your App

Learn how to cache AI API responses to cut costs and latency — exact match, semantic similarity, and prompt fingerprinting strategies with TypeScript and Redis.

AIJavaScript

Wednesday 25/02/2026

· 9 min read

The Real Cost of Running an AI Feature in Production (With Math)

Break down the real cost of AI API calls in production — token math for chatbots, RAG, and summarization, plus a TypeScript cost calculator and optimization tips.

AIJavaScript

Tuesday 24/02/2026

· 11 min read

How to Build an AI-Powered Form That Extracts Data from PDFs

Build a Next.js form that uploads a PDF, sends it to Claude for structured data extraction, and renders editable fields — full working code from upload to form.

AIJavaScript

Friday 20/02/2026

· 12 min read

Build a Multi-Step AI Agent with Tool Use in TypeScript

Build a TypeScript AI agent that calls tools, chains decisions, and solves multi-step tasks using Claude's tool_use API — full working agent loop included.

AIJavaScript

Wednesday 18/02/2026

· 12 min read

How to Handle AI API Rate Limits and Errors in Production (TypeScript)

Production-ready TypeScript patterns for handling AI API rate limits — exponential backoff, request queues, token budgets, and graceful degradation you can copy-paste.

AIJavaScript

Tuesday 17/02/2026

· 8 min read

Building an AI Code Review Bot with Claude and GitHub Actions

Build a GitHub Action that automatically reviews pull requests using Claude — complete working workflow YAML and TypeScript script you can add to any repo.

AIJavaScript

Friday 13/02/2026

· 8 min read

How to Add AI Search to Any Website with Embeddings and Supabase

Add AI-powered semantic search to your website using OpenAI embeddings and Supabase pgvector — full working TypeScript example with a React frontend.

AIJavaScript

Wednesday 11/02/2026

· 11 min read

Claude vs OpenAI API: A Practical Comparison for JavaScript Developers

A side-by-side code comparison of the Claude API vs OpenAI API for JavaScript developers — streaming, tool use, vision, and pricing math with real TypeScript examples.

AIJavaScript

Monday 09/02/2026

· 8 min read

How to Stream Claude API Responses in a Next.js App (With Full Code)

Learn how to stream Claude API responses token-by-token in a Next.js app using the Anthropic TypeScript SDK and Server-Sent Events. Full working code included.

AIJavaScript

Monday 09/02/2026

· 9 min read

Build a RAG Chatbot in 100 Lines of TypeScript

Build a RAG chatbot in TypeScript that answers questions about your own documents using the Anthropic SDK and a vector database — no LangChain, no bloated frameworks.

AIJavaScript