Next.js 13の新機能プロジェクト|Next.js 13とOpenAIを使ってジョークジェネレータサイトを構築する
このビデオでは、@CodeWithHarry が、Next.js 13 と OpenAI の API.ハリーはNext.jsの最新版であるNext.js 13の新機能もいくつか取り上げています。
Linodeは初めてですか?100ドルのクレジットで始めましょう!
チャプター
0:00はじめに
0:24新規プロジェクトの作成
2:30 Devサーバーの起動
3:20 YARN Devの開始
3:50Yarnのインストール
4:40 VSCode TIp!
5:30 カスタムルートの作成
8:15 メタディスクリプションの生成
9:20Layout.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についてもっと知る。
Next.jsを購読すると、新しいエピソードを随時お知らせします。
#アカマイ #Next.js #オープンAI
製品アカマイ、Next.js、OpenAI; @CodeWithHarry