浏览Next.js相关的文章。
了解如何在真实浏览器环境中进行端到端（E2E）测试，并学习在 React 项目中安装 Playwright、编写测试以及使用 UI 模式和 Codegen。
我们通过总结从第 1 部分到第 14 部分的旅程来结束本系列，并提出引入 TDD 前后代码质量的变化以及未来的方向（E2E、可视化测试）。
介绍实际项目采用 TDD 的成本与收益、团队应用策略，以及如何通过 CI/CD 让测试持续运行。
比较单元测试、集成测试和端到端测试的特点，并介绍适用于 React 前端的测试奖杯策略。
学习如何避开实现细节，围绕用户行为编写在内部实现改变后仍能通过的测试。
分析难以测试的组件特征，学习通过分离 UI 与逻辑、处理全局 Provider，将结构改进为更易测试的形式。
了解如何使用 userEvent.type 模拟用户的文本输入，并验证缺少所需输入值时出现的错误消息（验证）。
学习引入 MSW 拦截网络请求，在无需真实服务器的情况下测试 API，并验证服务器错误等场景。
学习如何测试 API 请求等异步操作，并使用 findBy 查询观察和验证加载、成功与错误状态的变化。
将业务逻辑抽离为自定义 Hook，并学习使用 renderHook 与 act 独立测试 Hook。
测试 useState 状态变化引发的条件渲染，理解 getBy 与 queryBy 的区别，并通过日志追踪状态变化。
以测试为保障拆分组件、改进代码结构，并通过 screen.debug() 查看测试过程中的渲染结果。
用最少的代码实现组件，让失败的测试从 Red 变为 Green，并通过 useState 完成交互。
学习如何从用户角度编写 React 测试，使用无障碍查询编写第一个失败测试（Red）。
学习如何使用 Vite 从头创建并运行 React 项目，再安装 Vitest 和 React Testing Library，完整搭建 TDD 环境。
了解前端测试为何重要，以及在 React 项目中采用 TDD 的优势与测试范围。
深入介绍 Next.js 16 所搭载的 React 19 核心功能：View Transitions、Server Actions 安全增强，以及 useOptimistic 等新 Hook 的用法。
分步骤介绍将 Next.js 15 项目升级至 16 的具体流程，包括 Codemod、异步 API、图片安全配置等必需修改。
深入了解 Next.js 16 动态 API 异步化、use cache、数据重新验证，以及从 Middleware 到 Proxy 的变化。
深入解析 Next.js 16 的重要更新：Turbopack 正式成为默认工具、文件系统缓存、React Compiler 支持，以及面向 AI 开发工具的 MCP。
从序列化和 RCE 等计算机科学原理分析 React/Next.js 的 React2Shell 漏洞，并了解不依赖特定云厂商的通用修复方法。
使用 TypeScript 深入理解 Zustand 的 create 函数，并了解如何用 selector、shallow 优化性能，以及使用 get、set、subscribe 等高级 Store 方法。
介绍 React 状态管理库 Zustand，并与 Redux 和 Context API 对比。通过计数器示例学习 Zustand 的基本用法。
以JSONPlaceholder为例，将React Query查询逻辑封装为可复用Hook，并支持参数、查询选项与类型安全。
了解如何在 React、Expo 和 React Native 项目中使用 i18next 配置多语言翻译、管理翻译资源，并实现格式化和单复数处理。
用 TypeScript 定义 Axios 请求与响应类型，配置拦截器，并组织 API 服务文件。
克服 AdSense 自动广告的位置与展示问题，了解展示广告、原生广告类型和 Next.js 脚本及广告组件的手动集成方式。
介绍JSDoc的基本语法、参数与返回值说明，以及示例、弃用、异常、异步和类型定义标签。
介绍Etherscan API密钥获取流程、账户余额查询，以及React与TypeScript中的多链请求实现。
面向 React 开发者介绍服务器端渲染（SSR）：了解它的价值与基本流程，并逐步认识 React 18 的流式渲染、renderToPipeableStream 和 Suspense。
将AWS Lambda与S3连接，在图片上传后自动缩放并转换为WebP，实现无服务器图片处理。
介绍博客从静态生成思路转向ISR的过程、性能变化，以及构建时Google Analytics和并发请求错误的解决方法。
整理实际Next.js项目中移除重复fetch、优化Suspense、在客户端格式化日期等性能改进方法。
逐步介绍从Next.js 14升级到15的准备工作、依赖更新、API变化和迁移问题处理。
通过Tailwind配置文件、插件、global.css和自定义字体扩展主题与样式。
介绍Next.js App Router的根页面、文件系统路由、动态路由与API路由处理器。
创建并运行Next.js项目，按需配置Shadcn/ui和Tailwind CSS Typography插件。
介绍博客使用的Next.js、TypeScript、Tailwind CSS、Shadcn及主要库的作用与选择原因。
比较通过Prisma自建API端点和Supabase REST API获取数据的方法，并介绍CSR、SSR配置与实际测试结果。
依据官方指南，结合示例介绍如何从 Tailwind CSS 3.0 迁移到 4.0，包括浏览器支持、配置结构、不兼容变更及功能对比。
从概念到实现和高级功能，全面了解 Next.js 的增量静态再生（ISR）。
综合比较服务器组件、客户端请求、SWR、路由处理器、ISR和no-store，并按应用场景选择策略。
介绍fetch请求头、Cookie传递、基于标签的缓存失效，以及通过Route Handlers创建API。
介绍并行、顺序和条件fetch模式，以及在客户端使用useEffect和SWR获取数据的方法。
介绍Next.js fetch的缓存选项、no-store、revalidate，以及缓存键与按周期更新数据的方式。
介绍App Router中的数据获取位置、服务器组件数据流，以及fetch的基本用法与缓存特性。
介绍通过public目录和iframe展示静态HTML或转换后的PDF内容，以及路径、CSP和SEO注意事项。
循序渐进地学习如何在 React 与 React Native 中使用 Context API 管理全局状态，并结合 useState 和 useReducer 构建计数器。