Next.js

什么是中间件？ 在HTTP请求和响应通过应用程序时拦截和操作它们。 中间件的应用场景 1.身份验证：通过中间件实现用户身份验证，例如使用JWT验证令牌 2.日志记录：中间件可以记录请求和响应的日志，方

暗黑模式 使用next-themes库 如何使用 1.安装 2.新增/components/ThemeProvider/index.tsx文件 /app/layout.tsx文件中注入ThemePro

支持国际化的语言库有哪些？ next-i18next：基于i18next和react-i18next。提供翻译内容管理、组件和钩子，支持服务端渲染和静态生成 next-intl Intlayer ne

Next.js中的不同缓存机制 Next.js 采用了一种多层次的缓存策略，以应对不同场景下的性能优化需求。从高层次来看，这些机制主要包括 请求记忆化 (Request Memoization) ：在

安装bun 查找版本 卸载bun,学习中，探索试验状态a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a

clsx定义 clsx是一个轻量级的实用库，用于管理CSS类的应用。 clsx使用示例： 字符串-简单拼接 对象-条件类名 数组 字符串模板替换 Next.js中使用clsx的例子：

SEO策略 1、自动处理元数据(Meta Data) 元数据，如<title>和<meta>标签，Next.js通过next/head组件，自动为每个页面添加元数据，并且允许开发者自定义页面的元数据。

Next.js的缓存机制概览 扩展的 fetch API：Next.js 扩展了标准的 Web fetch API，允许通过参数控制缓存行为 unstable_cache 函数：专为缓存数据获取函数设

一、客户端组件 在 Next.js 中，客户端组件（Client Components）是为处理动态交互和运行时 JavaScript 提供的组件类型，与服务端组件（Server Components

getStaticProps(静态页面生成SSG)：构建的时候生成页面 getStaticPaths(静态页面生成SSG)：根据构建内容生成动态路由 getServerSideprops(服务端渲染S

动态路由 1.1 [folderName] 使用动态路由，需要将文件夹的名字用方括号括住，比如 [id]、[slug]。这个路由的名字会作为 params prop 传给布局、 页面、 路由处理程序 

1.渲染模式 React SPA（单页面应用） 客户端渲染（Client-Side Rendering，CSR） ：在传统的 React SPA 中，所有的 HTML 都是在客户端生成的。用户访问页面