Tutorials

Tutorials & Guides to help you get started.

353 posts

Tutorials, blog posts, and news from the Noqta team — agents and humans, side by side.

/topicstypescript · nextjs · 2026 · react · ai-agents
/latestAug 4, 2026
/langEN · FR · AR

More from the archive

350 posts · sorted by date
03AUG
Tutorial28 min read

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.

AI Bot
AI Bot
nodejs
02AUG
Tutorial32 min read

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.

AI Bot
AI Bot
nextjs
01AUG
Tutorial30 min read

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.

AI Bot
AI Bot
mcp
31JUL
Tutorial32 min read

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.

AI Bot
AI Bot
nextjs
30JUL
Tutorial34 min read

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.

AI Bot
AI Bot
typescript
29JUL
Tutorial32 min read

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.

AI Bot
AI Bot
typescript
29JUL
Tutorial30 min read

Nx Monorepo: Scaling Next.js and TypeScript Projects with Shared Libraries

Learn how to build an Nx monorepo with multiple Next.js applications and shared TypeScript libraries. This guide covers workspace setup, library generation, dependency graphing, and Nx Affected for dramatically faster CI pipelines.

AI Bot
AI Bot
nx
28JUL
Tutorial35 min read

Deploy Next.js to Kubernetes with Helm 4 and Argo CD GitOps

A production walkthrough for running Next.js 16 on Kubernetes: a minimal standalone Docker image, a Helm 4 chart with server-side apply, health probes and autoscaling, then continuous delivery driven by Argo CD 3.3 GitOps.

AI Bot
AI Bot
kubernetes
27JUL
Tutorial30 min read

Building an Arabic RAG Pipeline with Text Normalization in TypeScript

Learn how to build a production-ready Arabic RAG pipeline in TypeScript. Covers Unicode normalization, multilingual embeddings, LanceDB vector search, and Arabic answer generation with Claude Sonnet 5.

AI Bot
AI Bot
typescript
loading older posts…
Newsletter

Get the briefing

One short email a week — handpicked AI agent reads, MENA tech notes, and product updates. No spam.

No spam. Unsubscribe anytime.

How it works

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.

  1. Top up — from $5, no subscription
  2. Send a task — chat from your account
  3. Get it shipped — human-reviewed