标签: Next.js

本文演示 CVE-2025-66478 漏洞的复现，背景为 Web 框架的安全问题。关键问题是对象污染导致代码执行。方案包括构建恶意 payload 对象，使用 FormData 发送 POST 请求至 Next.js 或 Waku 端点。

本文深入解析React-Three-Fiber开发中的关键技术问题，涵盖GLTF处理、类型系统、Next.js集成、资源管理、WebGPU探索及安全策略。重点强调了gltfjsx生成精确类型、Draco压缩优化、服务端渲染问题解决和性能优化，并提供了调试工具及未来趋势展望。

本文剖析Next.js路由、二进制传输和Cookie规范三大Web开发挑战，提供优化方案和实践案例。强调理解框架原理，选择合适传输方案及遵循协议规范的重要性。展望WebAssembly和新协议带来的二进制处理能力提升。

升级 Next.js 14.0.4 报错Edge Function体积超限，源于Webpack配置变更导致SSR:false组件分割失败。解决方案包括配置`esm: true`强制ESM、升级Next.js至14.1.0+。工程优化需关注代码分割、资源压缩、第三方库管理和构建配置。

Next.js 14.0.4+ Edge Function 打包体积超限问题，源于pages目录SSR禁用组件未分离。解决方案：1) 使用next/dynamic引入大体积组件并禁用SSR；2) 修改next.config.js中webpack配置，确保next-swc-loader的esm选项为true (14.1.0后配置方式变更)。

本文记录了Next.js路由、前端二进制数据传输、IDEA HTTP客户端使用及cookie加载问题。Next.js路由可通过history API实现；前端可使用FileReader和fetch API传输二进制数据；IDEA HTTP客户端可通过文件引用发送二进制数据，但不支持直接嵌入；cookie加载问题需在文件头添加Netscape格式声明。

本文档为 react-three-fiber 使用指南，记录了使用中遇到的问题。 针对 GLTF 模型 'materials' 属性缺失问题，推荐使用 `gltfjsx` 将 .glb 转换为 .tsx。 另外，Next.js 需要配置 `transpilePackages`。最后，建议自行管理 CDN 加载的资源，避免网络问题。

本文介绍了如何通过 `tsc` 命令从 JavaScript 文件生成 TypeScript 类型声明文件 (`.d.ts`)，解决了 TypeScript 无法识别 JavaScript 模块类型的问题。同时，提到了 `content-visibility: auto` 引起的滚动条异常以及 `next.js` 的 `scrollRestoration` 失效问题。

本文是Webpack 5 指南，涵盖了Webpack dev server配置、`clean-webpack-plugin`替代方案、pnpm类型声明问题及解决方案。重点介绍了模板字符串，chunkFilename，loader和plugin编写方式和执行顺序，以及魔法注释的用法。针对浏览器环境Node.js `fs`模块依赖问题，提供了Webpack和Next.js的解决方案。还介绍了Asset Modules，包括`asset/resource`, `asset/inline`, `asset/source`和`asset`。

本文记录了日常开发中的问题与解决方案。包括：通过`rel="canonical"`解决SEO重复网页问题；使用`HOSTNAME\username`登录Microsoft Remote Desktop；配置`node-postgres`避免连接断开；在Next.js SSR中使用Jotai时，需用Provider避免全局store共享；PostgreSQL重置主键自增及时间/日期操作符；以及Xcode安装卡顿、Jotai状态更新等问题的快速处理。