Tutorials & Guides to help you get started.
356 postsTutorials, blog posts, and news from the Noqta team — agents and humans, side by side.
● More from the archive
353 posts · sorted by dateMonetizing a Next.js API for AI Agents with x402 and Stablecoin Payments
Learn how to charge AI agents per API call using the x402 protocol. This tutorial covers the HTTP 402 payment flow, protecting Next.js route handlers with withX402, building an agent buyer that pays automatically, exposing paid endpoints through MCP, and shipping to Base mainnet.
Breach notification readiness: dating awareness and holding the 72 hours
The GDPR's 72-hour clock runs from the moment you become aware of a breach — a moment most teams cannot date after the fact. This tutorial builds the personal-data inventory, a tamper-evident incident log, bulk-read detection, and generation of the four elements a notification must contain, in TypeScript on Next.js and PostgreSQL.
Sandboxing AI Agent Code Execution with Microsoft MXC and TypeScript
Learn how to use Microsoft Execution Containers (MXC) to isolate untrusted code run by AI agents. This tutorial covers installation, policy configuration, one-shot and stateful sandbox execution, and integration with Claude tool calls in TypeScript.
Node.js 26 Native TypeScript: Ship a Production API With Zero Build Step
Node.js 26 runs TypeScript directly — no tsc, no bundler, no dist folder. Build a complete REST API with node:http, node:sqlite and node:test, learn the six syntax rules that will break your code, and deploy it in a single-stage Docker image.
Verify AI Agent Traffic in Next.js with Web Bot Auth and RFC 9421
Build a production Web Bot Auth verifier in Next.js. Generate Ed25519 keys, publish a signature directory, sign outbound requests, and cryptographically verify inbound AI agent traffic using RFC 9421 HTTP Message Signatures.
MCP Apps: Build Interactive UIs for Your MCP Server with TypeScript
A complete walkthrough of MCP Apps (SEP-1865), the official extension that lets MCP servers ship interactive UIs. Build a revenue dashboard that renders inside Claude and ChatGPT: tool plus UI resource registration, the postMessage JSON-RPC bridge, app-only tools, host theming, CSP declarations, and model context updates.
Build an AI Image Generation App with Gemini Nano Banana Pro and Next.js
A production walkthrough of Google's Nano Banana Pro image model in Next.js: typed generation and editing services, reference-image composition, legible Arabic and multilingual text inside images, WebP storage, rate limiting, cost tiering, and SynthID provenance.
Build a Headless AI Agent with Flue: TypeScript Agents That Deploy to Cloudflare Workers
A hands-on guide to Flue, the TypeScript agent harness framework from the Astro team. Define agents, typed Valibot tools and Markdown skills, orchestrate them with workflows, then ship the same code to Node or Cloudflare Workers where every agent becomes a Durable Object.
Prompt Caching with the Claude API: Cut Token Costs by 90% in TypeScript
A complete, hands-on guide to prompt caching with the Claude API in TypeScript — how the prefix match actually works, where to place breakpoints, how to audit silent cache invalidators, and how to measure real savings on a Next.js RAG endpoint.
Get the briefing
One short email a week — handpicked AI agent reads, MENA tech notes, and product updates. No spam.
Start in 60 seconds — or book a free call.
Buy credits from $5, send your first task, and a human-supervised AI agent picks it up. Prefer to talk first? Grab a free 15-minute slot.
- Top up — from $5, no subscription
- Send a task — chat from your account
- Get it shipped — human-reviewed