next.js

React Server Components 全链路解析：Next.js 构建产物、导航流程与 Payload 格式这篇文章记录我学习 React Server Components（下文简称 RSC）过程中的一些理解与思考。

从 Next.js 完全迁移到 vinext 的实战踩坑指南一次真实项目从 Next.js (Cloudflare Pages) 迁移到 vinext (Cloudflare Workers) 的全过程记录，涵盖构建、部署、运行时、国际化、认证等 16+ 个坑位及其解决方案。

Cloudflare 掀桌子了，Next.js 迎来重大变化，尤雨溪都说酷！Vite 作为 2025 年满意度最大的技术，下载量已经超过的 webpack，加入 Vite 工具链变成一种趋势，而这次是 Nextjs！

Tanstack Start 的天才创新之处——基于实际使用体验最近正在使用 Tanstack Start 写一个 YouTube 视频转技术文章的 AI 应用。这是我第一次使用该框架，缘起是阅读了一篇文章我用 10 种框架开发了同款应用：移动端性能框架评估，其中一个结论：如果你需要使用 React，即 React 包体积没法避免的情况下，选择 TanStack Start 优于 Next.js。

Tube - Video Reactions

Next.js 本地 HTTPS + 自定义域名无法访问问题排查（Windows / mkcert / HSTS 完整指南）在本地开发 Next.js 项目时，我们常常会配置自定义域名，例如：并通过 Next.js 实验性 HTTPS 功能启动：

掘金安东尼

本地开发时间减少 83%：为何迁出 Next.js原文：Reducing local dev time by 83%: Why we migrated off Next.js

AI 用对了，真的会成为利器最近刚把 skills.lc 上线，说实话，一开始并没有太高调，想着先稳定跑起来再慢慢打磨内容。结果没想到，上线没多久就被各种爬虫“盯上”了。

Next.js 请求最佳实践 - vercel 2026一月发布指南你打开商品详情页，转了 3 秒菊花才看到内容——慢在哪？你点个"加购物车"，页面卡了一下才反应——又慢在哪？

MacOS中运行Next.js项目注册新用户时MongoDB报错MongoServerError最近在学习NextJS 16 Full Course 2026 | Build and Deploy A Production Ready Job Application Tracker w/ MongoDB 这个视频，从Github上面下载了https://github.com/machadop1407/job-application-tracker源代码后解压缩，首先在我的MacOS Mini4主机上面安装了MongoDB 8.0，并且按照MongoDB官网在 macOS 上安装 MongoDB Co

Next.js 集成 Highcharts 官网文档说明（2025 新版）Highcharts 交互式图表无法在服务器端生成，因为交互性依赖于客户端环境。可以使用 Highcharts 导出服务器 Highcharts Export Server 生成静态图片。

Next.js第二十四章(Prisma)在传统开发模式中，我们需要把数据存储到数据库，所以需要通过SQL语句来进行操作，例如查询新增修改删除等操作，但是SQL语句太多了，还比较繁琐，所以就有了ORM框架。

Docker部署Next.js前端应用的DynamicServerError笔记最近在尝试使用saleor这个开源项目，后台部署完成后，也想通过docker部署前端应用saleor-storefront，这是一个基于Next.js框架的前端应用。在使用Docker部署该Next.js前端应用时，遇到了DynamicServerError的问题。且翻阅了不少资料，该问题困扰了我半天了，今天得以解决。

Next.js 的默认开发快速构建工具TurbopackTurbopack 是由 Vercel 团队基于 Rust 编写的新一代打包器，它是 Webpack 的继任者。Webpack 的作者 Tobias Koppers 也是 Turbopack 的核心开发者。

Next.js Script 组件详解在 Next.js 中，next/script 是一个经常被忽略、但在性能和工程质量上非常关键的组件。它专门用于安全、可控、性能友好地加载第三方脚本（如统计、监控、广告、SDK 等）。

初识next-auth，和在实际应用中的几个基本场景（本文以v5为例，v4和v5的差别主要是在个别显式配置和api，有兴趣的同学可以看官网教程学习）next-auth是nextjs官方推出，专门用于nextjs项目中进行登录认证的最主流库。next-auth通过非常简洁明确的配置，让开发者避免从0开发一套完备的能适应各种场景的登录认证逻辑。举例来说，引入库之后，对开发者来说只需要专注于本系统的基本认证，其余对接github、twitter、Facebook等第三方登录的场景，开发者只需要在配置中增加next-auth库内置的配置项即可，非常方便：

Next.js第二十一章(环境变量)环境变量一般是指程序在运行时，所需要的一些配置信息，例如数据库连接字符串，API密钥，端口号等。其次就是环境变量跟我们的操作系统有关，例如Linux，Windows，Mac等。

nextjs学习9：数据获取fetch、缓存与重新验证在 Next.js 中如何获取数据呢？Next.js 优先推荐使用原生的 fetch 方法，因为 Next.js 拓展了原生的 fetch 方法，为其添加了缓存和更新缓存(重新验证)的机制。

陈佬昔没带相机

2025年终总结：Vibe Coding 之后，胆儿肥了2025年，是大家正式踏入 Vibe Coding 的一年。作为老前端，自己动手写代码的时间越来越少，但胆儿却越来越肥了，这大概就是梁静茹 AI 给的勇气吧。

nextjs学习8：静态渲染、动态渲染、Streaming渲染现在让我们新建一个 app/cats/page.js，代码如下：其中，api.thecatapi.com/v1/images/s… 是一个返回猫猫图片的接口，每次调用都会返回一张随机的猫猫图片数据。