小满zs

MDX MDX是一种将Markdown和React组件混合在一起的语法，它可以在Markdown中使用React组件，从而实现更复杂的页面。另外就是我们在编写技术文档或者博客的时候，配合SSG模式，更

服务器函数(Server Actions) 服务器函数指的是可以是服务器组件处理表单的提交，无需手动编写API接口，并且还支持数据的验证，以及状态管理等。 核心原理 是因为React扩展了原生HTML

2025年终总结 今年做的最多的事情就是写代码，如果写代码是热爱，那就写到世界充满爱❤️，大家好我是小满,我的口号是《传递知识是一件很酷的事》 学习与成长 目前无业，但我每天还是会继续学习8小时，我总

静态导出SSG Next.js 支持静态站点生成（SSG，Static Site Generation），可以在构建时预先生成所有页面的静态 HTML 文件。这种方式特别适合内容相对固定的站点，如官网

Script组件 Next.js允许我们使用Script组件去加载js脚本(外部/本地脚本)，并且他还对Script组件进行优化。 基本使用 局部引入 src/app/home/page.tsx 在h

font字体 next/font模块，内置了字体优化功能，其目的是防止CLS布局偏移。font模块主要分为两部分，一部分是内置的Google Fonts字体，另一部分是本地字体。 基本用法 Goggl

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

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

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