Next.js
13 articles · written by Niraj Kumar
Next.js changed shape with the App Router, and a lot of advice written for the Pages Router is now actively wrong. These articles are written against the current model: Server Components by default, Server Actions for mutations, and caching you have to reason about explicitly rather than inherit.
Coverage includes what actually changed in Next.js 16 and what is worth adopting, streaming AI responses through the App Router with Server Actions, performance work for AI-heavy SaaS pages, React Server Component patterns, securing Next.js applications, CI/CD pipelines with GitHub Actions, and accessible form patterns with shadcn/ui.
Where a post touches retrieval or agents, it uses Next.js as the application layer rather than treating it as the subject.
- OpenTelemetryNext.jsPostgreSQL
How to Track Per-Tenant LLM Token Costs in Next.js using OpenTelemetry and PostgreSQL
Instrument Next.js with OpenTelemetry, trace server-side LangChain calls, and attribute AI inference costs per tenant in PostgreSQL for usage billing.
- RAGPostgreSQLNext.js
How to Build a Secure Multi-Tenant RAG Pipeline using PostgreSQL Row-Level Security, Next.js, and JWT Auth
Stop cross-tenant leaks in B2B AI SaaS — PostgreSQL Row-Level Security for embeddings, tenant IDs from Next.js JWTs, and isolated retrieval.
- GraphRAGLangChainOllama
How to Build a Local GraphRAG Pipeline with PostgreSQL, LangChain, and Ollama for Multi-Hop Reasoning
Build a fully local GraphRAG system with LangChain, Ollama and PostgreSQL — extract entity triplets, store a knowledge graph, run multi-hop queries.
- Next.jsReact 19Server Actions
How to Build a Real-Time AI Streaming UI with Next.js App Router, Server Actions, and Shadcn UI
Stream AI responses token by token in Next.js with Server-Sent Events, React 19's useOptimistic and useTransition, and an accessible shadcn/ui chat.
- Next.jsShadcn UIAccessibility
Building an Accessible Multi-Step Form with Next.js App Router and Shadcn UI
Build a type-safe, accessible multi-step form in Next.js App Router with Server Actions, Zod and shadcn/ui — focus management and ARIA included.
- Next.jsCI/CDGitHub Actions
Setting Up a CI/CD Pipeline for Next.js on GitHub Actions
Automate linting, testing, building and deploying a Next.js app to S3/CloudFront or Vercel with GitHub Actions — a complete working pipeline.
- Next.jsAI SecurityWeb Security
Securing Your AI-Powered Next.js Applications: Best Practices
Secure AI-powered Next.js apps — API key management, data privacy, input validation, and defence against prompt injection, SSRF and friends.
- Next.jsPerformanceAI
Optimizing Next.js Performance for AI-Powered SaaS Applications
Advanced Next.js performance work for AI SaaS products — streaming, caching, edge functions, and serving model responses at scale without stalls.
- RAGLangChainNext.js
Building a Production-Ready RAG System with LangChain and Next.js
Architect and build a production RAG system with LangChain for orchestration and Next.js for the UI — ingestion, retrieval, streaming, deployment.
- Tailwind CSSShadcn UIReact
Building a Dashboard UI with Tailwind CSS and Shadcn UI
Build a production dashboard UI with Tailwind CSS and shadcn/ui — auth flows, dark mode, responsive layouts and interactive components, from scratch.
- Next.jsReactApp Router
Next.js 16 in 2026: What's New and What You Should Actually Use
What actually changed in Next.js 16 — App Router improvements, Server Components, smarter caching and Turbopack GA, and which parts to adopt now.
- TypeScriptNext.jsNode.js
Full-Stack TypeScript for 2026: Building a Job-Ready App with Next.js, Node, and Postgres
Build a production full-stack TypeScript app with Next.js, Node.js and PostgreSQL — setup to deploy, with the patterns hiring teams expect.
- TypeScriptReactNext.js
Advanced TypeScript Patterns: Scalable Frontend Architectures for Large React/Next.js Codebases
Type-safe patterns and modular architecture that scale across large React and Next.js codebases — the techniques senior frontend roles expect.
Need this built rather than explained?
Next.js 15/16 App Router apps with TypeScript, Server Actions, and Vercel/AWS deploys.
Next.js Developer Services →Related topics
- Retrieval-Augmented Generation (RAG)
- LangChain & LangGraph
- Large Language Models
- AI Agents
- React
- TypeScript
- Node.js
- PostgreSQL
- Docker & Containers
- DevOps
- CI/CD
- Application Security
- AWS
- n8n Automation