TypeScript 泛型与 Utility Types 深入
泛型是 TS 最强也最容易过度使用的特性。本文讲清泛型的正确用法（约束/默认值/推断）、内置 Utility Types（Partial/Required/Pick/Omit/Record/ReturnType/Parameters/Awaited）、什么时候用泛型什么时候不用，以及"类型应该帮你而非困住你"。
#Next.js #TypeScript♥ 1700 评论
#Next.js
专题介绍
这里聚合 CodeNodeX AI 社区中与 Next.js 相关的技术文章和讨论，覆盖概念解释、工具对比、工程实践、常见问题和独立开发经验。
如果你正在研究 Next.js，建议先阅读高质量长文，再参与帖子讨论，形成从理解到实践的完整路径。
Web 字体优化:加载、渲染与 CLS
自定义字体让设计更好,但加载不当会拖慢 LCP + 导致 CLS(字体闪烁)。本文讲清字体优化全链路:font-display 策略(swap/fallback/optional)、preload 关键字体、子集化(woff2 + 仅需字符)、FOUT vs FOIT、variable fonts,给一套"字体好看又快"的方案。
#Next.js #React♥ 1740 评论
React AI 引用界面设计：把答案标记连接到可核验原文
在回答末尾堆一串链接并不能让用户核验结论。本文从证据数据契约、流式占位、可访问交互和来源安全出发，设计真正可追溯的 React 引用体验。
#RAG #Next.js #React♥ 00 评论
React AI 对话状态契约：消息、运行与持久化如何分层
多轮 AI 对话不能只靠一个 messages 数组。本文设计浏览器临时状态、服务端会话事实、生成运行记录与幂等协议，避免串话、重复消息和刷新丢失。
#Next.js #React #TypeScript♥ 00 评论
GraphQL Schema 设计：类型、解析与 N+1
GraphQL 的 schema 就是 API 的契约——设计好 schema 比写好 resolver 更重要。本文讲清 schema 设计原则（类型优先/描述/分页 Connection/枚举 vs 字符串）、resolver 的 DataLoader 解决 N+1、schema 版本化与废弃，以及"什么时候用 GraphQL 什么时候别用"。
#Next.js #TypeScript♥ 1830 评论
React 错误追踪：Sentry 集成实战
用户遇到白屏但你不知道——Sentry 在用户遇到错误前就帮你抓到。本文讲清前端错误追踪：Sentry SDK 集成、Error Boundary 捕获、source map 上传（生产定位到源码行）、release 追踪、性能监控、隐私脱敏。
#Next.js #React♥ 1880 评论
React Suspense 与 Streaming SSR
传统 SSR 等所有数据返回才发 HTML——慢接口拖累全页。Streaming SSR 边渲染边发，Suspense 标记"这里先给 loading，数据好了再流式替换"。本文讲清 Streaming SSR 的原理、Suspense 在 SSR 的角色、Next.js App Router 的流式渲染、选择性 hydration，以及它怎么让 LCP 不再被最慢的组件阻塞。
#Next.js #React♥ 1950 评论
实战：给内容站加语义搜索
关键词搜索答不了"模糊提问"和"近义词"，语义搜索补上这块。本文用 Next.js + pgvector，给一个内容站加完整的语义搜索：建索引、查询、混合检索、前端高亮，以及增量更新——一套能直接用进生产的方案。
#RAG #Next.js♥ 370 评论
源码解读：LLM 流式输出的前端实现
"流式输出是 AI 应用的体感生死线——用户盯着一秒一个字冒出来 vs 等十秒一次性蹦出来，体验天差地别。本文从协议到渲染讲透前端流式：SSE/ReadableStream 怎么解析、React 怎么增量渲染不卡、AI SDK 的 useChat 怎么简化，以及中断/错误的处理。"
#Next.js #React♥ 410 评论
AI 应用的国际化与多语言
"AI 应用天生多语言（模型本来就懂几十种语言），但'能答多语言'和'产品国际化'是两回事。本文讲清 AI 应用的 i18n 难点：UI 翻译、模型输出语言控制、区域合规、文化适配、多语言 RAG，以及一套基于 next-intl 的多语言架构。"
#AI #Next.js♥ 590 评论
RAG 应用的流式 UI 实现
RAG 不是"一次返回"——检索和生成都该流式,让用户边等边看。本文讲清 RAG 流式 UI 的实现:检索阶段流式(先显示"找到的文档")、生成阶段流式(打字机正文)、引用渲染(答案出完同步亮引用)、React 的增量渲染不卡,以及"检索中→生成中"的状态切换。
#RAG #Next.js♥ 770 评论
LLM 流式输出协议深度:SSE、Data Stream 与解析
流式输出是 AI 应用的体感命门,但底层的协议细节(SSE、各家 data stream 格式、tool call 流式、中断)很多人没搞清。本文从 HTTP SSE 讲到 AI SDK 的 data stream 协议,再到流式 tool calling 和可中断流,讲透前端怎么解析、后端怎么发,以及踩过的坑。
#AI #Next.js♥ 970 评论