「Next.js」の記事一覧
【Next.js】Assistants APIの基本的なコードまとめ。
Open AIの「Assistants API」をNext.jsで使用する時の基本的なコードをまとめました。
目次Open AIのAPIセットアップ基本の使い方Threads: スレッドを作る...
2023/11/21
2023/11/21
【Next.js】Open AIのAPIでファイルをアップロードする方法。
今回は、Next.jsサイトからOpen AIのAPI（Upload file）で、ファイルをアップロードする方法を実装するのに時間がかかったのでその過程と最終コードをまとめます。（Vercelにデ...
2023/11/21
2023/11/22
【Next.js 13】NextAuth+FireStoreにユーザー情報を保存する。
今回は、以下の3つをNext.js 13で実装するためのメモです。
Googleアカウントでログインできる
アカウント、セッション情報をFirestoreに保存する
サーバーサイ...
2023/7/12
2023/7/12
【Next.js 13】Google Search Consoleの所有権を証明する。
結論としては「HTMLファイル」で確認をする方法が一番簡単でした。
目次HTMLをダウンロードするHTMLファイルをpublicディレクトリ下に置くまとめ
HTMLをダウンロードする
ま...
2023/7/3
2023/7/3
【Next.js 13】next-sitemapで自動更新サイトマップを作成する。
Next.js 13.3で動的サイトマップの作成が簡単になりました。
ただ、新しいページを生成した場合などに毎回ビルド処理を行わないとサイトマップが更新されない事態が起きてしまったので、今回は...
2023/7/3
2023/7/3
Docker環境でNext.jsアプリケーションを作るメモ｜VScode「DevContainer」を使う
Docker環境でNext.jsアプリを作る方法を簡単にメモしていきます。
また今回はVS Codeの「Dev Container」を使って、Docker環境で開発を行います。
目次1）...
2023/7/2
2023/7/8
【Next.js 13】OGP画像を動的生成してFirestore + CloudStorageに保存するまで。
Next.js 13でWEBサイトを作成している時に、OGP画像を生成してFirestore + CloudStorageに保存する処理を調べたので、今回はそのメモをします。
※今回は「ひとま...
2023/6/9
2023/6/10
【Next.js 13】Googleタグマネージャの設定方法。
Next.js 13でGoogle Tag Managerを設定する方法を調べてみました。
とりあえずは動く処理ができたので、その方法をメモしておきます。
目次今回編集するファイルファイ...
2023/5/15
2023/5/15
Next.js 13のアプリ作成時に聞かれる質問まとめ
Next.js 13で新しいアプリケーションを作成する際、はじめにいくつかの質問に答えることが求められます。
この記事では、その質問の内容と解説をメモしていきます！また今回内容がわからなかった...
2023/5/6
2023/5/25
【Next.js】DjangoのAPIで記事のタグを更新したい
DjangoのAPIを使って、Next.jsからデータを新規作成や更新する時に、同時に関連データ（ManyToMany）も変更したい。
今回は「記事(Post)」を新規作成/更新して、その記事...
2023/2/15
2023/2/15