文章 2025-01-21 来自:开发者社区

Next.js 实战 (十):中间件的魅力,打造更快更安全的应用

什么是中间件? 在 Next.js 中,中间件(Middleware)是一种用于处理每个传入请求的功能。它允许你在请求到达页面之前对其进行修改或响应。 通过中间件,你可以实现诸如日志记录、身份验证、重定向、CORS配置、压缩等任务。中间件是构建高效和安全的 web 应用的重要组成部分。 应用场景 身份验证 你可以在中间件中检查...

Next.js 实战 (十):中间件的魅力,打造更快更安全的应用
文章 2025-01-17 来自:开发者社区

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

什么是 next-auth next-auth 是一个专门为 Next.js 设计的、易于使用的、灵活的身份验证库。它简化了为你的应用程序添加身份验证(如登录、注册、登出等)的过程。next-auth 支持多种认证方式,包括通过电子邮件和密码、OAuth 2.0 提供商(如 Google、GitHub、Facebook 等)、...

Next.js 实战 (九):使用 next-auth 完成第三方身份登录验证
文章 2025-01-16 来自:开发者社区

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

前言 最近一直在折腾 Nextjs15 ,也在断断续续地写《Next.js15 实战系列》的文章,后来总感觉文章如果没有线上效果预览差点意思,所以就想着先把目前做的项目先部署上线,后续再慢慢添加新功能。 因为之前没有部署过 Nextjs15 工程项目,我就隐约感觉没有那么简单,果不其然,开发环境一切...

Next.js 实战 (八):使用 Lodash 打包构建产生的“坑”?
文章 2025-01-07 来自:开发者社区

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

业务场景 在目前常见的中后台管理系统中,比较常见的是固定的布局方式包裹页面,但一些特殊页面,比如:登录页面、注册页面、忘记密码页面这些页面是不需要布局包裹的。 但在 Next.js AppRouter 中,必须包含一个根布局文件(RootLayout),默认情况下,文件夹层次结构中的布局也是嵌套的&...

Next.js 实战 (七):浅谈 Layout 布局的嵌套设计模式
文章 2025-01-02 来自:开发者社区

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

前言 在我们的日常工作中,上传文件、导入 Excel 表格数据这些是不可避免的,那在 Next.js 该如何实现上传文件到本地呢? Next.js 的官方文档并没有相应的实例代码,需要开发者自行实现,一般来说有两种思路: 使用 Node.js 原生上传使用第三方插件,如:multer ...

Next.js 实战 (六):如何实现文件本地上传
文章 2024-12-31 来自:开发者社区

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

什么是 Framer Motion Framer Motion 是一个专门为 React 设计的、功能强大且易于使用的动画库。它允许开发者轻松地为他们的应用添加流畅的交互和动画效果,而不需要深入理解复杂的动画原理。Framer Motion 提供了声明式的 API 来处理动画、手势以及页面转换,非常适合用来创建响应式用户界面。 首屏加载动画 如果你使用 next.js...

Next.js 实战 (五):添加路由 Transition 过渡效果和 Loading 动画
文章 2024-12-11 来自:开发者社区

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

前言 有关 Next.js 国际化的方案网上很多,而且各部相同,但大部分的方案都是在 /app 目录下添加动态路由 [lang] 这样的形式,这不是我想要的效果。 我希望国际化的实现不能破坏应用程序的目录结构和路由,在经过一段时间摸索后,发现 next-intl有提供现成的方案: 更多详细文档:ne...

Next.js 实战 (四):i18n 国际化的最优方案实践
文章 2024-12-10 来自:开发者社区

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

前言 在 Next.js 中要实现暗黑模式,需要用到一个库:next-themes,它可以帮助我们很轻易地实现暗黑模式切换。 具体步骤 1.安装 next-themes 依赖: pnpm add next-themes 2.新增 /components/ThemeProvider/index.tsx 文件: 'use...

Next.js 实战 (三):优雅的实现暗黑主题模式
文章 2024-12-05 来自:开发者社区

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

前言 等了许久,Next.js 终于迎来了 v15.x 版本,刚好 Github 上面的旧项目重构完,终于可以放心大胆地去研究 Next.js了。 搭建最新项目可以参考官方文档:Installation 最新的 Next.js 版本,使用的是 React19.x 内测版本,可能存在与其他库不兼容的情况 项目开...

Next.js 实战 (二):搭建 Layouts 基础排版布局
文章 2024-11-25 来自:开发者社区

JavaScript设计模式及其在实战中的应用,涵盖单例、工厂、观察者、装饰器和策略模式

在当今的前端开发领域,JavaScript 无疑占据着重要的地位。随着 Web 应用的复杂性不断增加,掌握 JavaScript 设计模式已成为提升开发效率和代码质量的关键。本文将深入探讨 JavaScript 设计模式及其在实战中的应用。 一、引言 JavaScript 是一种灵活而强大的编程语言,它为开发者提供了丰富的表达能力。然而,在...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

产品推荐

开发与运维

集结各类场景实战经验,助你开发运维畅行无忧

+关注