白雾茫茫丶 - 谜叶象限

Next.js 实战 (九)：使用 next-auth 完成第三方身份登录验证

这篇文章介绍了如何使用 next-auth 库在 Next.js 应用程序中实现第三方身份登录验证。next-auth 是一个功能强大的身份验证库，支持多种认证方式，包括 OAuth 2.0 提供商和自定义提供商。它具有内置的 OAuth 支持、会话管理、多语言功能、自定义页面、安全默认设置以及与不同数据库的集成能力。文章还提到了配置环境变量和设置 API 路由的相关步骤，帮助开发者快速集成身份验证功能。

Next.js 实战 (八)：使用 Lodash 打包构建产生的“坑”？

这篇文章介绍了作者在使用Next.js框架进行项目开发时，遇到使用Lodash库打包构建产生的问题。开发环境中一切正常，但打包构建时出现报错，作者通过查找资料和尝试多种解决方案，但问题依然存在。

Next.js 实战 (七)：浅谈 Layout 布局的嵌套设计模式

这篇文章介绍了Next.js中布局嵌套设计模式的应用与挑战。在中后台管理系统中，通常使用固定布局包裹页面，但对于某些特殊页面（如登录页）则不需要布局。Next.js要求每个应用都有一个根布局文件，并支持文件夹层次结构中的布局嵌套。这种设计理念有助于构建复杂且易于维护的页面结构。然而，如何让特殊页面避免被父级布局包裹成为一个问题。作者通过对比两种解决方案，一种是在每个需要的页面单独设置布局，另一种是通过状态管理工具Zustand动态控制是否显示根布局，最终选择了后者作为更简洁的实现方式。

Next.js 实战 (六)：如何实现文件本地上传

这篇文章介绍了在Next.js框架中如何实现文件本地上传的功能，通过原生上传方式，将文件以哈希值命名并保存到指定目录，同时根据年月对上传目录进行分类。文章详细展示了如何在Next.js中创建API路由，处理POST请求，获取文件数据，生成文件名，以及将文件保存到服务器文件系统中。

Next.js 实战 (五)：添加路由 Transition 过渡效果和 Loading 动画

这篇文章介绍了如何在 Next.js 应用中添加路由过渡效果和加载动画。通过使用一个功能强大的动画库，开发者可以轻松实现流畅的交互和动画效果，而无需深入了解动画原理。文章展示了如何创建一个全屏加载组件，用于处理页面加载时的空白问题，并提供了一个示例代码来演示加载动画的实现方式。

Next.js 实战 (四)：i18n 国际化的最优方案实践

这篇文章介绍了Next.js框架中实现国际化的一种方案，作者不希望修改应用程序的目录结构和路由。通过使用next-intl插件，作者展示了如何在Next.js项目中添加多语言支持，包括创建语言文件和配置相关插件。

Next.js 实战 (三)：优雅的实现暗黑主题模式

这篇文章介绍了如何使用 `next-themes` 库在 Next.js 项目中优雅地实现暗黑主题模式。首先通过安装 `next-themes` 依赖并创建 `ThemeProvider` 组件来管理主题切换逻辑，然后在全局布局文件中引入该组件以支持系统级或手动切换主题的功能。此外，还展示了如何开发一个主题切换按钮组件，允许用户手动选择亮色或暗黑模式。

Next.js 实战 (二)：搭建 Layouts 基础排版布局

这篇文章介绍了Next.js实战中搭建基础排版布局的方法，作者对比了几个组件库后选择了适合的项目，并展示了如何实现一个常规的布局结构，包括左侧菜单、顶部导航和用户操作区域以及中间的业务模块等。

Nest.js 实战 (十五)：前后端分离项目部署的最佳实践

这篇文章介绍了如何部署一个采用现代前后端技术栈的分离架构项目到生产环境的最佳实践。文章以Nest.js后端和现代前端框架为例，详细描述了从安装依赖、配置数据库、上传代码到服务器，再到配置反向代理的过程。通过设置Node.js运行环境、上传前端文件并解压、配置HTTPS证书以及实现反向代理来转发API请求，最终确保前后端服务能够正常运行并被用户访问。同时，文章还提到了一些常见的部署问题及解决方法。

Nest.js 实战 (十四)：如何获取客户端真实 IP

这篇文章介绍了在 Nest.js 应用中如何获取客户端的真实 IP 地址。当请求来自本地代理时，直接获取的 IP 地址可能不准确。为了解决这个问题，需要确保代理服务器设置正确的转发头（如 X-Forwarded-For 或 X-Real-IP），并在后端正确读取这些头信息。文章还提供了获取真实 IP 地址的方法，并展示了在登录接口中调用该方法的示例代码。

Nest.js 实战 (十三)：实现 SSE 服务端主动向客户端推送消息

这篇文章介绍了如何在 Nest.js 应用中实现 Server-Sent Events（SSE）技术，用于服务端主动向客户端推送消息。文章以实时通信场景为例，讨论了选择 SSE 技术的原因，因其能满足高效推送和低延迟需求，且更适合服务器向客户端发送更新的场景。接着详细描述了如何通过 @Sse 装饰器和 Event Emitter 实现 SSE 功能，并展示了相关代码片段，包括创建 SSE 连接、监听事件以及处理消息推送的逻辑。

Nest.js 实战 (十二)：优雅地使用事件发布/订阅模块 Event Emitter

这篇文章介绍了如何在 Nest.js 应用中优雅地使用事件发布/订阅模块 Event Emitter。EventEmitter 是一个基于强大库的社区模块，能够简化服务间的通信，使应用更健壮、灵活且易于扩展。文章详细讲解了安装依赖、初始化模块、发布事件以及订阅事件的具体步骤，并展示了在服务中注入 Event Emitter 并使用其方法完成事件的发布与监听的代码示例。

你好,

我是白雾茫茫丶