Next.js14.2(App Router)应用路由器基础教程

前言
课程介绍
什么是Next.js
开发环境
安装和配置
应用路由(App Router)
页面
布局
嵌套布局
路由设置
配置动态路由
捕获所有段和可选段
路由链接和导航
配置并行路由和default.js
加载设置和错误处理
客户端组件
创建计数器组件
将服务器组件与客户端组件一起使用
客户端组件的预渲染
Context 组件共享数据
路由处理程序
验证GET请求操作
从路由处理程序获取数据
获取网址参数
标头、cookie 函数
配置动态路由
POST请求
上传文件并保存文件
数据获取fetch
获取数据
获取函数的缓存选项
设置 next.revalidate
服务端的CRUD操作
数据库设置(SQLite)
设置Prisma Client
使用useState创建表单
配置api接口
通过Server Actions在服务器组件中提交表单
单独创建actions文件
通过Server Actions在客户端组件中提交表单
Server Actions跟useState一起使用
删除列表操作
使用bind传递参数
查看详情操作
创建表单操作
连接数据库
网站优化
元数据设置
图标设置
设置Open Graph Protocol (OGP)的图像
创建动态 OGP 图像
网站地图
robots.txt文件
canonical标签
字体设置
打包优化
打包
设置缓存选项
生成静态参数
重新验证数据

此章节为付费章节