标签: Next.js
共 10 篇文章
10
赛博朋克 3D Banner 性能优化实录
Three.js性能优化前端CyberpunkReactNext.js首页 3D Banner 从持续高负载游戏场景改造为博客展示场景，基于设备性能自动分档降级渲染的完整记录
90
记一次 MCP Streamable HTTP 和 OAuth 认证改造
MCPOAuth 2.0Claude Code CLIOpenAINginx踩坑记录Next.js记录一次把博客 MCP 接口改造成兼容 Streamable HTTP、Bearer token 和 OAuth discovery 的过程，顺手踩了 Nginx .well-known 和公网 host 的坑。
360
我用 Three.js 给博客首页造了一个赛博朋克房间
Three.jsReact Three FiberNext.js赛博朋克3D前端博客用 Three.js + React Three Fiber 给博客首页做了一个赛博朋克风格的 3D 小公寓，包括程序化纹理、粒子雨滴、动态灯光系统和完整的性能优化方案。
270
博客数据统计系统重构：增加IP防刷和GA4 事件追踪实践
Next.jsGA4Google Analytics数据统计防刷RedisTypeScript数据库设计我在完善博客的数据统计功能，解决了点赞防刷和Google Analytics 4接入的问题。用IP限制防刷，Redis缓存提速，GA4追踪用户行为，还踩了不少坑。
230
Next.js 管理后台性能优化：从 SSR 到接近 SPA 的体验
Next.js性能优化前端App RouterSSRSPA管理后台详细记录 Next.js 管理后台性能优化的完整过程，从问题分析、架构理解、解决方案到实施步骤，实现了路由切换速度提升 70% (600ms → 200ms)，接近 Vue SPA 的用户体验。
420
从增量向量化到异步队列：RAG 系统架构演进之路
技术TypeScriptNext.jsAI架构设计系统重构详细记录从复杂的增量向量化方案到异步队列系统的架构演进过程，包括问题分析、设计决策和实施细节。代码量减少 57%，功能增强，质量提升。
370
Next.js 博客系统权限设计：从零到完整的 RBAC 实现
Next.js权限设计RBACTypeScriptAPI安全架构设计详细记录了 Next.js 博客系统权限设计的完整实现过程，从问题背景、权限模型设计、多层防护架构、权限工具库实现、API 权限验证、服务层过滤到前端权限控制，提供了完整的 RBAC 权限系统最佳实践。
323Next.js 博客构建优化：从按需渲染到静态生成，聊聊文章预渲染改造实践
Next.js前端实践性能优化SSGISR记录博客从动态渲染改为静态生成的改造过程，介绍 Next.js 的按需重新验证机制以及后续优化方向
330
博客文章增量向量化与版本管理：从全量更新到智能增量优化的实践
技术TypeScriptNext.jsAI架构设计Node.js介绍博客系统中实现的增量向量化和版本管理功能，从问题背景、设计思路、技术实现到性能优化，全面解析从全量更新到智能增量优化的实践过程。
260