Yous

虽然每天都用npm安装包，但是你们对package.json和package-lock.json这两个文件又了解多少呢？今天笔者就来详细分析下这两个文件，希望能对大家有所帮...

这种模式本质上解决的是组件之间传值的问题。但是它对于传值以及一些内部操控的逻辑封装得更严密。 那么Tab和TabItem自然要进行沟通。很自然的写法是像下面这样 但是，组件...

缓存策略(Cache Strategies) 缓存策略分两种： 未启用缓存组件: 确保cacheComponents配置为false或者不配置。 src/app/home/...

Image组件 该组件是Next.js内置的图片组件，是基于原生img标签进行扩展，并不代表原生img标签不能使用。 尺寸优化：支持使用现代化图片格式，如webp，avif...

MCP的二次尝试，实现一个日程助理。大概功能就是，告诉AI“添加日历，今天下午五点到六点，我要去万达吃饭”，然后AI自动将日程同步到日历。...

缓存组件(Cache Components) 什么是Cache Components? Cache Components 是Next.js(16)版本特有的机制，实现了静态...

RSC(React Server Components) RSC(服务器组件)是React19正式引入的一种新的组件类型，它可以在服务器端渲染，也可以在客户端渲染。 像传统...

package.json 是一个用于描述和配置项目的重要文件，其中包含了许多字段和选项，可以影响项目的构建、依赖管理、脚本执行等方面。了解这些字段可以帮助开发者更好地理解和...

前几天，我们团队CI/CD流水线挂了，一个新来的前端同事跑来问我：“老大，我本地pnpm build明明是好的，为什么一到CI就报错？” 我看了看日志，node-gyp编译...

写这篇文章的时候，我刚通宵处理完一个P0级（最高级别）的线上事故，天刚亮，烟灰缸是满的🚬。 事故的原因，说出来你可能不信，不是什么服务器宕机，也不是什么黑客攻击，就因为我...

我们每天的开发，可能都是从一个npm run dev开始的。npm scripts对我们来说，天天用它，但很少去思考它。 不信，你看看你项目里的package.json，是...

开始使用 Next.js 欢迎来到 Next.js 学习之旅！本教程将带你从零开始创建你的第一个 Next.js 应用。 我们所学的版本是16.0.1 什么是 Next.j...

路由导航 路由导航是指我们在Next.js中跳转页面的方式，例如原始的<a>标签，等。 在Next.js中，共有四种方式提供跳转: Link组件 useRouter Hoo...

动态路由 动态路由是指在路由中使用方括号[]来定义路由参数，例如/blog/[id]，其中[id]就是动态路由参数，因为在某些需求下，我们需要根据不同的id来显示不同的页面...

路由处理程序(Route Handlers) 路由处理程序，可以让我们在Next.js中编写API接口，并且支持与客户端组件的交互，真正做到了什么叫前后端分离人不分离。 文...

渲染基础 本章我们学习 CSR SSR SSG 三种渲染方式,以及Hydration水合的概念。 CSR CSR是Client Side Rendering的缩写，即客户端...

Proxy代理 如果你想升级为16.x版本，Next.js提供了命令行工具来帮助你升级，只需要执行以下命令即可： 代码转换会将文件和函数名从middleware重命名为pr...

AI Vercel提供了AI SDK，可以让我们在Next.js中轻松集成AI功能。AI SDK 官网 安装AI-SDK 这儿我们使用deepseek作为AI模型，@ai-...

路由组 路由组也是一种基于文件夹的约定范式，可以让我们开发者，按类别或者团队组织路由模块，并且不影响 URL 路径。 用法：只需要通过(groupName)包裹住文件夹名即...