• _hello
  • _about-me
  • _projects
  • _blog
  • _support
_contact-me
find me in:
@faeztgh
cd ../topics

Next.js

// 6 articles on Next.js by Faez Tgh — practical React, Next.js, TypeScript and web-performance write-ups.

01
typescript featured

Streaming AI Chat in Next.js with the AI SDK

Jun 14, 2026· 5 min·1,016 words

Bolting an LLM onto a Next.js app is easy to demo and easy to get wrong. Here's the shape of a streaming chat feature that survives contact with real users — plus the rate-limiting, error, and cost details the tutorials skip.

  • Next.js
  • AI
  • React
read-postopen
02
performance

What's New in Next.js 16

Jul 15, 2026· 5 min·957 words

Next.js 16 is less about flashy new APIs and more about the framework growing up: a faster default bundler, a clearer caching story, and some deliberate renames that make the mental model honest. Here's what actually matters when you upgrade.

  • Next.js
  • React
  • Performance
read-postopen
03
architecture

Server vs Client Components: A Practical Mental Model

Jul 1, 2026· 4 min·848 words

The App Router makes every component a Server Component by default, and 'use client' opts into the browser. Getting the boundary right is the single biggest lever you have over bundle size and interactivity — here's how to reason about it.

  • React
  • Next.js
  • Architecture
read-postopen
04
performance

Nextjs Best Optimization Tools

Feb 13, 2024· 4 min·803 words

Performance doesn't happen by accident. Here are the tools every Next.js developer should know — from automated audits and bundle visualization to image compression and Core Web Vitals tracking.

  • Next.js
  • Performance
  • Tooling
read-postopen
05
typescript

Dynamic Controlled Values

Jan 30, 2024· 2 min·321 words

TypeScript generics and index signatures let you build objects that accept any property key while keeping strict type checks — here's how to use them to write truly flexible, safe code.

  • TypeScript
  • React
  • Next.js
read-postopen
06
performance

Nextjs Code Optimization

Jan 23, 2024· 1 min·212 words

From dynamic imports and image lazy-loading to short-circuit rendering and async loops — six concrete techniques to squeeze more performance out of your Next.js app.

  • Next.js
  • Performance
  • TypeScript
read-postopen

# other-topics

  • TypeScript20
  • JavaScript11
  • React8
  • AI6
  • Performance6
  • Generics4
  • SEO3
  • Type Safety3
  • Utility Types3
  • Architecture2
  • LLM2
  • Tooling2
  • Type System2
  • Union Types2
  • Web Standards2
  • Advanced Types1
  • Autocomplete1
  • Backend1
  • Chrome Extension1
  • Code Organization1
  • Conditional Types1
  • CSS1
  • Decorators1
  • Developer Experience1
  • Frontend1
  • Function Overloading1
  • Hooks1
  • Infer1
  • MCP1
  • Metaprogramming1
  • Namespaces1
  • Omit1
  • Pick1
  • RAG1
  • Responsive Design1
  • Structured Data1
  • Template Literal Types1
  • Type Guards1
  • Type Inference1
  • URL Parameters1
  • useEffect1
  • useLayoutEffect1
  • Web Vitals1
  • YouTube1