next.js

玲小珑2 天前
前端·next.js
Next.js 教程系列(十九)图像优化:next/image 与高级技巧大家好,我是鲫小鱼。是一名不写前端代码的前端工程师,热衷于分享非前端的知识,带领切图仔逃离切图圈子,欢迎关注我,微信公众号:《鲫小鱼不正经》。欢迎点赞、收藏、关注,一键三连!!
小喷友6 天前
前端·react.js·next.js
第 5 章:静态资源与图片优化在 Web 开发中,图片加载优化 是影响性能和体验的关键因素。Next.js 提供了多个工具用于处理静态资源与图片,极大提升了开发效率和页面性能。
玲小珑6 天前
前端·next.js
Next.js 教程系列(十八)国际化 (i18n) 与多语言支持大家好,我是鲫小鱼。是一名不写前端代码的前端工程师,热衷于分享非前端的知识,带领切图仔逃离切图圈子,欢迎关注我,微信公众号:《鲫小鱼不正经》。欢迎点赞、收藏、关注,一键三连!!
gongzemin8 天前
前端·后端·next.js
调用DeepSeek API实现DeepSeek网页版这篇笔记, 记录调用DeepSeekAPI, 实现DeepSeek网页版。 先看下效果: 这个截图的URL,不是官网DeepSeek, 是我们在vercel上自己部署的, 是我们自己写的代码。
小喷友9 天前
前端·react.js·next.js
第 2 章:页面与路由系统Next.js 的路由系统是基于文件系统自动生成的,不需要引入第三方路由库(比如 react-router),大大简化了页面组织与跳转逻辑。
求知摆渡11 天前
next.js
Next.js 应用性能优化实战:从 CSR 到 SSG 的演进过程在最近的项目实践中,我遇到了一个首页性能优化的问题。首页包含一个较为复杂的 AnimatedBanner 组件,具有大量的图片和鼠标跟随动画。最初的实现方式为客户端渲染(CSR),带来了较大的首屏加载压力。本文将详细记录我如何逐步优化 AnimatedBanner,从客户端渲染 (CSR) 到静态站点生成 (SSG),并解决了在过程中遇到的各种问题。
lens9412 天前
前端·next.js
RSC、SSR傻傻分不清?一文搞懂所有渲染概念!作为前端开发者,你是否被 Next.js 中的各种渲染概念搞得头晕眼花?RSC、SSR、SSG、ISR...这些缩写到底是什么意思?本文结合nextjs v15版本,用最通俗的语言带你彻底搞懂!
求知摆渡12 天前
next.js
Next.js 渲染模式深度解析与SEO优化Next.js 是一个强大的 React 框架,支持多种渲染方式:客户端渲染(CSR/BSR)、静态站点生成(SSG)、服务端渲染(SSR)、增量静态再生(ISR)。本文将通过示例、代码、Mermaid图表以及优化策略,帮助你深入理解这些渲染方式,并掌握如何针对 SEO 进行优化。
玲小珑15 天前
前端·next.js
Next.js 教程系列(十六)Next.js 中的状态管理方案大家好,我是鲫小鱼。是一名不写前端代码的前端工程师,热衷于分享非前端的知识,带领切图仔逃离切图圈子,欢迎关注我,微信公众号:《鲫小鱼不正经》。欢迎点赞、收藏、关注,一键三连!!
玲小珑16 天前
前端·next.js
Next.js 教程系列(十五)复杂表单处理与数据校验大家好,我是鲫小鱼。是一名不写前端代码的前端工程师,热衷于分享非前端的知识,带领切图仔逃离切图圈子,欢迎关注我,微信公众号:《鲫小鱼不正经》。欢迎点赞、收藏、关注,一键三连!!
玲小珑19 天前
前端·next.js
Next.js 教程系列(十四)NextAuth.js 身份认证与授权大家好,我是鲫小鱼。是一名不写前端代码的前端工程师,热衷于分享非前端的知识,带领切图仔逃离切图圈子,欢迎关注我,微信公众号:《鲫小鱼不正经》。欢迎点赞、收藏、关注,一键三连!!
玲小珑20 天前
前端·next.js
Next.js 教程系列(十三)Server Actions:新一代全栈能力大家好,我是鲫小鱼。是一名不写前端代码的前端工程师,热衷于分享非前端的知识,带领切图仔逃离切图圈子,欢迎关注我,微信公众号:《鲫小鱼不正经》。欢迎点赞、收藏、关注,一键三连!!
droidHZ21 天前
前端·ai编程·next.js
第一次赚美元!纯新手深度复盘网站出海,一文掌握全流程大家好,我是赫兹! 之前没有接触过网站开发,是一个探索网站出海生意的新手,希望可以站在新手的视角,和你分享网站出海的生意。
玲小珑21 天前
前端·next.js
Next.js 教程系列(十二)API Routes:构建轻量级后端服务大家好,我是鲫小鱼。是一名不写前端代码的前端工程师,热衷于分享非前端的知识,带领切图仔逃离切图圈子,欢迎关注我,微信公众号:《鲫小鱼不正经》。欢迎点赞、收藏、关注,一键三连!!
玲小珑22 天前
前端·next.js
Next.js 教程系列(十一)数据缓存策略与 Next.js 运行时大家好,我是鲫小鱼。是一名不写前端代码的前端工程师,热衷于分享非前端的知识,带领切图仔逃离切图圈子,欢迎关注我,微信公众号:《鲫小鱼不正经》。欢迎点赞、收藏、关注,一键三连!!
玲小珑23 天前
前端·next.js
Next.js 教程系列(十)getStaticPaths 与动态路由的静态生成大家好,我是鲫小鱼。是一名不写前端代码的前端工程师,热衷于分享非前端的知识,带领切图仔逃离切图圈子,欢迎关注我,微信公众号:《鲫小鱼不正经》。欢迎点赞、收藏、关注,一键三连!!
AiMuo1 个月前
next.js
我用五层架构重建了整个 Next.js 项目,从污染地狱爬上了性能天堂“我们不只是开发功能,更在搭建一座长期可演化的工程大厦。”在 React Server Components(RSC) 和 Next.js App Router 成为主流架构范式的今天,许多开发者仍在“性能”和“结构混乱”之间痛苦拉扯。本文将分享我在真实项目中不断试验、打磨,最终沉淀下来的架构设计方法——RSC 优先的五层架构模型(5-Layer Architecture) 。
玲小珑1 个月前
前端·next.js
Next.js 教程系列(七)服务端渲染 (SSR) 深度探究:`getServerSideProps`大家好,我是鲫小鱼。是一名不写前端代码的前端工程师,热衷于分享非前端的知识,带领切图仔逃离切图圈子,欢迎关注我,微信公众号:《鲫小鱼不正经》。欢迎点赞、收藏、关注,一键三连!!
玲小珑1 个月前
前端·next.js
Next.js 教程系列(九)增量静态再生 (ISR):动态更新的静态内容大家好,我是鲫小鱼。是一名不写前端代码的前端工程师,热衷于分享非前端的知识,带领切图仔逃离切图圈子,欢迎关注我,微信公众号:《鲫小鱼不正经》。欢迎点赞、收藏、关注,一键三连!!
玲小珑1 个月前
前端·next.js
Next.js 教程系列:从入门到架构实战大家好,我是鲫小鱼。是一名不写前端代码的前端工程师,热衷于分享非前端的知识,带领切图仔逃离切图圈子,欢迎关注我,微信公众号:《鲫小鱼不正经》。欢迎点赞、收藏、关注,一键三连!!