Tag:Next.js
All the articles with the tag "Next.js".
Next.js 动态主题色切换：基于 CSS 变量的实现方案
发布日期:约 1 分钟这篇文章分享了一套基于 CSS 变量与根元素类名切换的 Next.js 动态主题色实现方案，包括使用 TweakCN 生成配色、定义多套主题以及配套的状态管理与切换动画。
Next.js 实战 (十)：中间件的魅力，打造更快更安全的应用
发布日期:约 1 分钟这篇文章介绍了 Next.js 中间件的应用场景和配置方法，包括身份验证、日志记录、重定向、CORS、限流和国际化路由等常见用法。
Next.js 实战 (九)：使用 next-auth 完成第三方身份登录验证
发布日期:约 1 分钟这篇文章介绍了在 Next.js 中使用 next-auth 实现 GitHub 第三方登录的完整流程，包括 Provider 配置、会话管理和 Prisma 适配器集成。
Next.js 实战 (八)：使用 Lodash 打包构建产生的"坑"？
发布日期:约 1 分钟这篇文章记录了 Next.js 项目打包构建时因 lodash-es 引用 Dynamic Code Evaluation 导致 Edge Runtime 报错的问题分析和解决过程。
Next.js 实战 (七)：浅谈 Layout 布局的嵌套设计模式
发布日期:约 1 分钟这篇文章讨论了 Next.js App Router 中 Layout 嵌套的设计问题，提出了使用 Zustand 状态控制是否跳过全局布局的解决方案。
Next.js 实战 (六)：如何实现文件本地上传
发布日期:约 1 分钟这篇文章介绍了在 Next.js 中使用 Node.js 原生方式实现文件本地上传的方法，包括哈希命名、按月分目录和 FormData 提交的前端对接。
Next.js 实战 (五)：添加路由 Transition 过渡效果和 Loading 动画
发布日期:约 1 分钟这篇文章介绍了在 Next.js 中使用 Framer Motion 添加路由过渡动画的方法，包括首屏加载动画、路由 loading 状态和进退场动画的实现。
Next.js 实战 (四)：i18n 国际化的最优方案实践
发布日期:约 1 分钟这篇文章介绍了在 Next.js 中使用 next-intl 实现国际化的方案，通过 Cookie 存储语言偏好实现切换语言时不改变路由结构的效果。
Next.js 实战 (三)：优雅的实现暗黑主题模式
发布日期:约 1 分钟这篇文章介绍了在 Next.js 中使用 next-themes 实现暗黑主题切换的方法，包括主题注入、切换组件实现和基于 View Transitions API 的过渡动画。
Next.js 实战 (二)：搭建 Layouts 基础排版布局
发布日期:约 1 分钟这篇文章介绍了 Next.js 后台项目中 Layout 排版布局的搭建过程，使用 shadcn/ui 组件库构建侧边栏、头部导航和面包屑等基础布局结构。
Next.js 实战 (一)：项目搭建指南
发布日期:约 1 分钟这篇文章记录了从零搭建 Next.js 后台模板项目的过程，涵盖项目初始化、目录结构说明、ESLint 和 Husky 提交规范配置以及 NextUI 组件库的接入。