6月前
评论
Next.js 实战 (五)：添加路由 Transition 过渡效果和 Loading 动画
这篇文章介绍了如何在 Next.js 应用中添加路由过渡效果和加载动画。通过使用一个功能强大的动画库，开发者可以轻松实现流畅的交互和动画效果，而无需深入了解动画原理。文章展示了如何创建一个全屏加载组件，用于处理页面加载时的空白问题，并提供了一个示例代码来演示加载动画的实现方式。
6月前
评论
Next.js 实战 (四)：i18n 国际化的最优方案实践
这篇文章介绍了Next.js框架中实现国际化的一种方案，作者不希望修改应用程序的目录结构和路由。通过使用next-intl插件，作者展示了如何在Next.js项目中添加多语言支持，包括创建语言文件和配置相关插件。
6月前
评论
Next.js 实战 (三)：优雅的实现暗黑主题模式
这篇文章介绍了如何使用 `next-themes` 库在 Next.js 项目中优雅地实现暗黑主题模式。首先通过安装 `next-themes` 依赖并创建 `ThemeProvider` 组件来管理主题切换逻辑，然后在全局布局文件中引入该组件以支持系统级或手动切换主题的功能。此外，还展示了如何开发一个主题切换按钮组件，允许用户手动选择亮色或暗黑模式。
6月前
评论
Next.js 实战 (二)：搭建 Layouts 基础排版布局
这篇文章介绍了Next.js实战中搭建基础排版布局的方法，作者对比了几个组件库后选择了适合的项目，并展示了如何实现一个常规的布局结构，包括左侧菜单、顶部导航和用户操作区域以及中间的业务模块等。