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