用 Next.js 16 构建 AI 应用：Server Actions 与流式输出
做一个 AI 应用，前后端要面对三件事：安全地调 LLM、把流式 token 实时推给前端、管理会话状态。本文用 Next.js 16 的 App Router + Server Actions + AI SDK，演示一个结构清晰、可流式、可上生产的 AI 对话页完整实现。
#Next.js #React♥ 100 评论
Web 开发
Next.js、React、TypeScript、前端工程化
专题
本专题收录 Web 开发 方向的文章和社区讨论，重点关注真实工程场景、工具选择、实践路径和风险边界。
页面会持续更新，适合作为学习路线、选型参考和技术复盘入口。
Next.js App Router 适合做技术社区吗？
围绕 Next.js、React 的技术趋势、工程实践和独立开发视角。
#Next.js #React♥ 150 评论
用 Next.js 做内容社区的 SEO 设计
围绕 Next.js、TypeScript 的技术趋势、工程实践和独立开发视角。
#Next.js #TypeScript♥ 160 评论
TypeScript 在 AI 应用前端中的工程价值
围绕 TypeScript、React 的技术趋势、工程实践和独立开发视角。
#TypeScript #React♥ 250 评论
Server Components 对内容网站有什么价值？
围绕 Next.js、React 的技术趋势、工程实践和独立开发视角。
#Next.js #React♥ 260 评论
如何用 PostgreSQL 设计文章、评论、点赞、收藏系统？
围绕 Next.js、TypeScript 的技术趋势、工程实践和独立开发视角。
#Next.js #TypeScript♥ 340 评论
Next.js 现在还适合自托管吗？
社区讨论帖，欢迎分享你的经验和观点。
#Next.js♥ 1112 评论
Next.js Server Components 深度解析
Server Components 是 App Router 的核心,但很多人没真正搞懂它和 Client Components 的边界、数据获取、缓存、流式渲染。本文讲清 RSC 的工作原理、'use client' 何时用、Server vs Client 的数据流、Suspense 流式、以及常见陷阱(把什么都标成 client、server 组件里用浏览器 API)。
#Next.js #React♥ 200 评论
TypeScript 高级类型实战
会写 interface 不算懂 TS。本文讲清真正提升类型表达力的进阶技巧:条件类型、映射类型、infer 推导、模板字面量类型、类型体操的边界,以及实战场景(API 响应类型推导、类型安全路由、props 自动补全),让 TS 从"写起来烦"变成"帮你挡 bug"。
#Next.js #TypeScript♥ 210 评论
React 性能优化实战
React 应用卡,八成是不必要的重渲染。本文讲清性能优化的正确顺序:先测量(Profiler)再优化、memo/useMemo/useCallback 的真实作用与误用、key 与列表性能、状态拆分、并发特性(useDeferredValue/useTransition),以及"过早优化是万恶之源"在 React 里的体现。
#Next.js #React♥ 220 评论
Tailwind CSS 工程化实践
Tailwind 写小项目爽,大项目容易乱(一堆重复 class、设计 token 漂移)。本文讲清 Tailwind 工程化:设计系统配置(token 化颜色/间距)、组件抽象(何时抽组件 vs @apply vs cva)、避免 class 堆积、与设计稿对齐、暗色主题与响应式,让 Tailwind 在大项目里也清爽。
#React #TypeScript♥ 230 评论
Core Web Vitals 与前端性能优化
Core Web Vitals 不只是 SEO 指标,它是真实用户体验的量化。本文讲清三大指标(LCP/INP/CLS)各自测什么、为什么重要、怎么测(Lighthouse/真实用户数据/PSI),以及针对性的优化手段(图片/字体/JS/布局稳定性/交互响应),让你的站既快又被 Google 待见。
#Next.js #React♥ 240 评论