next.js

薛定喵的谔

我开源了一个精致的 Next.js 博客模板：SkyplumeTL;DR最近我把自己的个人博客系统整理成了一个开源模板，名字叫 Skyplume Blog Template。

我的Next.js项目升级到16之后，dev倒是快了，但build差点让我回退先说结论：Next.js 16值得升，但升级过程的折腾程度远超我的预期。事情是这样的。我有个跑了大半年的Next.js项目，之前一直用webpack做打包，偶尔开--turbopack跑dev，体验确实不错。看到16正式版的changelog写着"Turbopack稳定，推荐升级"，我想着反正迟早要迁，不如趁现在没什么业务压力先搞定。结果升级第一步就给了我一巴掌。

从「改个端口」到 502：Next.js on k8s 的容器端口、Service 映射与 env 覆盖起因是一个看起来人畜无害的"顺手整理":线上一个 Next.js SSR 应用,容器监听在一个非标准的高端口上,有同学觉得"端口不统一、不如对齐成 80",于是把容器端口、健康探针、流量入口都改成了 80。结果上线后,Pod 起不来(readiness 一直不过)、对外请求大面积 502。

手写高性能在线 JSON 工具｜Web Worker 工程化打包 + 语法自动修复 + 多语言代码生成实战日常开发中，JSON 是接口调试、配置编辑、日志排查的核心数据格式，但原生开发场景始终存在诸多痛点：单行压缩JSON难以阅读、语法报错无法精准定位、嵌套层级过深结构混乱、需要手动转换各类编程语言实体类。市面上多数在线工具功能零散、存在广告、部分存在数据上传泄露风险，大文件解析还会出现页面卡顿问题。

不知疲倦的老鸟

Node.js 库在浏览器里跑不了的教训做一个纯前端的在线格式化工具站，直觉上就是引入格式化库 → 在浏览器里调用。但实际开发中发现，很多"格式化库"实际上只能在 Node.js 环境运行。

从本地 Ollama 到线上多模型 Runtime：接入 DeepSeek / Qwen 的实战复盘本文基于 AI Mind 项目的真实实现整理。 GitHub：github.com/HWYD/ai-min… 对应代码版本：v0.2.1 线上链接：ai.hwyblog.cloud/ AI Mind 是一个持续迭代中的 Next.js AI Chat 项目。从最基础的本地聊天开始，逐步加入流式协议、工具调用、MCP、Skill 和 Agent 能力。

浅论CabloyJS全栈框架提供的“两级页签”机制CabloyJS 全栈框架的“两级页签”本质上不是单纯的 UI 花样，而是一种把“业务模块切换”与“模块内多工作项切换”分层管理的工作台机制。

本地正常，Docker 怎么就空白：Next.js SSR 的 Alpine musl DNS 陷阱某个傍晚，开发环境一切正常。pnpm dev 跑得丝滑，作品数据从 API 流畅加载，页面骨架屏完整渲染。

K8s 探针避坑：Next.js 不同部署模式下的健康检查实践线上一个 Next.js SSR 应用，最近一周偶发个位数 Pod 重启——低频、间歇，看起来人畜无害。第一反应几乎是条件反射：内存泄漏、OOM 吧？于是查堆、查 cgroup limit、翻 process.memoryUsage()，折腾半天，内存一切正常。

我做了一面互联网摸鱼墙：从无限 Canvas 到本地生产环境最近，我做了一个叫「摸鱼表格」的小项目。它看起来像表格，却没有表头、公式、筛选和工作任务。这里有的，只是一面可以无限拖动、缩放和探索的公共格子墙。

从 5 个文件读完一个生产级 AI Chatbot——Vercel AI Chatbot 源码拆解版本：基于 main 分支（PR #1498 之后，约 2026-05）阅读时间：30 分钟通读 / 4 小时深读拆解日期：2026-06-04

基于 Next.js 的 Headless CMS 前端架构：技术解析与二次开发导引本文面向希望基于此项目进行二次开发的前端工程师，从技术栈选型、核心架构设计、关键模块实现到二开实践路径，提供一份完整的技术地图。

React 自定义 Hook 实战：把 AI Chat 的会话流和滚动体验从组件中拆出来本文基于 AI Mind 项目的真实实现整理。 GitHub：github.com/HWYD/ai-min… 对应代码 tag：blog-ai-chat-hooks-refactor-2026-06

用 wagmi v2 + Next.js App Router 踩坑三天，我终于搞定了 NFT 交易市场的跨链签名与上架逻辑我在做一个跨链 NFT 交易市场前端时，被 wagmi v2 的 useSignTypedData 和 Next.js App Router 的服务端渲染坑了整整三天。这篇文章记录了我从“签名上架”到“跨链订单匹配”的全过程，包含完整的 React 组件代码、踩坑记录和最终可运行的方案，帮你避开我走过的弯路。

全面了解 Vercel：前端开发者的高效武器库与实战指南从 Next.js 到 v0，从部署平台到 AI 云，Vercel 正在重新定义前端开发的边界。本文将带你全面了解 Vercel 生态，并掌握如何用好它的每一款产品。

AI 应用里的第一个 Agent：我如何做一个可控的 Tasklist Agent本文对应项目版本：v0.1.0AI Mind 做到 v0.1.0，终于进入了 Agent。但这个 Agent 不是通用 Agent，而是一个受控的 Tasklist Agent：基于用户显式引用的版本方案，生成任务清单草稿，并把中间执行过程展示出来。

IDE 升级重启后 Next.js dev 起不来？kill 无效的真正原因升级 Cursor 并重启 IDE 后，终端里 pnpm dev 报端口占用、提示「已有 Next dev 在跑」，按提示 kill <pid> 却反复无效——很常见，也不只是 Cursor 的锅。根因通常是：IDE 重启不会替你结束上次终端里拉起的 next-server 孤儿进程；而这类进程有时不吃 SIGTERM，必须 kill -9，并可能要清理 .next/dev/lock。本文把现象、原理、排查命令和习惯写全，适用于 VS Code / WebStorm 等同类场景。

用 wagmi v2 + Next.js 14 搞 NFT 交易市场前端：从合约调用失败到顺利上架，我踩了哪些坑上周我接了一个 NFT 交易市场的前端开发任务。项目用的是 Next.js 14，钱包连接用的是 wagmi v2 + RainbowKit。需求很简单：用户能连接钱包，查看自己持有的 NFT，把 NFT 上架到市场，设定价格，也能购买别人上架的 NFT，以及取消自己的上架。

手把手教你搭建一个基于 Next.js 16 + FastAPI 构建的高颜值前后端分离个人博客折腾了快半个月，终于把这个博客从一个空白页面搞到了现在这个样子。回头看，踩的坑也不少，但总算有个能看的成品了。

我用什么技术做了TLDR Scholar——AI论文速读产品完整技术栈拆解TLDR Scholar：AI论文速读工具地址 https://www.tldrscholar.cn，支持上传PDF/Word文档，30秒提取核心发现，输出学科领域、研究方法、核心发现、可重现指标等结构化摘要。