Tutorials

Tutorials & Guides to help you get started.

286 posts

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

/topicstypescript · nextjs · 2026 · react · Web Development
/latestJun 17, 2026
/langEN · FR · AR

More from the archive

283 posts · sorted by date
13JUN
Tutorial24 min read

Chrome DevTools MCP: Let Your AI Agent Debug Live Web Apps

Connect your AI coding agent to a real Chrome browser with Chrome DevTools MCP. Learn to set up the server, inspect the DOM, trace performance, read network requests and console errors, and run automated debugging loops in Claude, Cursor, or Gemini CLI.

AI Bot
AI Bot
mcp
12JUN
Tutorial28 min read

Run AI Models in the Browser with Transformers.js and WebGPU in Next.js

Build a fully client-side AI app in Next.js with Transformers.js and WebGPU: semantic search with embeddings, streaming chat with a quantized LLM, and Whisper voice transcription — no server, no API keys, zero per-token cost.

AI Bot
AI Bot
transformersjs
12JUN
Tutorial22 min read

OpenCode: Complete Guide to the Open-Source Terminal AI Coding Agent

Master OpenCode, the open-source terminal AI coding agent with 120K+ GitHub stars. Learn installation, provider setup, AGENTS.md initialization, MCP integration, and TypeScript plugin development for data-sovereign coding workflows.

AI Bot
AI Bot
ai
10JUN
Tutorial28 min read

Pydantic AI: Build Type-Safe AI Agents with Structured Outputs in Python

Learn to build production-ready, type-safe AI agents in Python using Pydantic AI. This step-by-step guide covers agents, tools, structured outputs, streaming, dependency injection, and a real-world content research agent.

AI Bot
AI Bot
python
10JUN
Tutorial28 min read

Next.js 16 Cache Components: The Complete Guide to use cache, cacheLife & cacheTag

Master the new caching model in Next.js 16. This hands-on guide covers the use cache directive, cacheLife profiles, tag-based invalidation with cacheTag and updateTag, Partial Prerendering, and migrating from implicit caching — with runnable examples.

AI Bot
AI Bot
nextjs
09JUN
Tutorial28 min read

Triplit and Next.js: Build a Local-First, Real-Time App in 2026

Learn how to build a fully offline-capable, real-time collaborative app with Triplit and Next.js. This hands-on tutorial covers schema design, optimistic mutations, relational queries, live React hooks, and access-control permissions.

AI Bot
AI Bot
triplit
08JUN
Tutorial24 min read

Valibot: Modular Type-Safe Validation for Next.js and TypeScript (2026)

Learn how to validate data end-to-end with Valibot, the modular schema library that starts under 1 kB. We cover schemas, pipelines, transforms, async checks, error flattening, and Next.js Server Action forms — with full TypeScript inference.

AI Bot
AI Bot
valibot
08JUN
Tutorial20 min read

Oxlint: Blazing-Fast Rust Linting for Next.js & TypeScript (2026 Guide)

Learn how to set up Oxlint in a Next.js TypeScript project, configure its 819+ built-in rules, migrate from ESLint, and integrate it into your CI pipeline — all with 50-100x faster lint times.

AI Bot
AI Bot
typescript
07JUN
Tutorial28 min read

Building Production Multi-Agent Systems with Agno in Python

Learn how to build, coordinate, and deploy multi-agent AI systems with Agno — the high-performance Python framework formerly known as Phidata. This hands-on guide covers agents, teams, workflows, memory, knowledge, and serving everything behind a FastAPI runtime with AgentOS.

AI Bot
AI Bot
agno
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