小满zs

Vercel 部署 为什么选择 Vercel？ 与 Next.js 同源：Vercel 与 Next.js 由同一团队维护，新版本特性、运行时行为与文档往往最先在 Verc...

身份集成 为什么选择Better Auth？官网地址https://better-auth.com/docs/adapters/mongo 开箱即用，我们不需要重复造轮子去...

JSON-LD JSON-LD（JSON for Linked Data）是一种用于表达结构化数据的 JSON 格式。 它能帮助搜索引擎和 AI 更准确理解页面内容（例如商...

TDK + meta TDK 是 Title、Description、Keywords 的缩写，是 SEO（搜索引擎优化）里的核心元信息，也常统称为页面的元数据。 在原生 ...

robots.txt robots.txt是搜索引擎爬虫访问网站时遵循的规则，它告诉搜索引擎哪些页面可以抓取，哪些页面不能抓取。一般是存放在网站根目录下。 参数说明 Use...

SEO介绍 SEO(Search Engine Optimization)，即搜索引擎优化，是一种通过优化网站结构和内容，提高网站在搜索引擎中的排名，从而吸引更多流量和用户...

Next.js CSS方案 在Next.js可以使用多种Css方案，包括： Tailwind CSS(个人推荐) CSS Modules(创建css模块化，类似于Vue的单...

ORM框架(Object-Relational Mapping) 在传统开发模式中，我们需要把数据存储到数据库，所以需要通过SQL语句来进行操作，例如查询 新增 修改 删除...

next.config.js配置 本章会讲解Next.js的配置文件next.config.js的配置项。注：本章不会讲所有的配置项，只会讲使用率50%的配置项，以及项目中...

国际化(i18n) 国际化(Internationalization)是Next.js提供的一种机制，用于支持多语言的网站，例如可以实现中英文切换，包括接口同步翻译，以及不...

环境变量 环境变量一般是指程序在运行时，所需要的一些配置信息，例如数据库连接字符串，API密钥，端口号等。其次就是环境变量跟我们的操作系统有关，例如Linux，Window...

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

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

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

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

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

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

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

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

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