Next.js 13新功能项目|使用Next.js 13和OpenAI构建笑话生成器网站
在本视频中,@CodeWithHarry介绍了如何使用 Next.js 13 和 OpenAI 的 API.Harry 还介绍了 Next.js 13(Next.js 的最新版本)的一些新功能。
Linode 新手?从这里开始使用 100 美元信用额度!
章节:
0:00介绍
0:24创建新项目
2:30启动开发服务器
3:20启动YARN开发
3:50安装Yarn
4:40VSCode TIp!
5:30创建自定义根目录
8:15生成元描述
9:20使用Layout.js
11:00导入别名
13:20创建页脚
14:00创建导航栏
15:45创建页脚样式
17:30创建内容
21:20创建滑块
23:40安装旋转木马
26:15删除不需要的按钮
27:50调整宽度
29:25以JSON格式生成笑话
30:55插入笑话
31:05确保笑话的插入是随机的
33:00导入useEffect
34:20使用危险的设置HTML
35:40为笑话Div添加类
37:00创建重新生成按钮
42:00添加笑料JSON
42:25检查页面
42:35结论
阅读文档,了解有关开始使用 Next.js 的更多信息。
了解有关 Next.js 的更多信息。
订阅以获得新剧集的通知。
#Akamai #Next.js #OpenAI
产品:Akamai, Next.js, OpenAI; @CodeWithHarry