429 too many requests を解決したい

実現したいこと

上記の画像の状態を解決したい

こちらの動画を参考に作っています。
https://www.youtube.com/watch?v=QBRqaXQaSGg&t=4s

発生している問題

500 Internal Server Errorが発生していて、データベースが作成できません。

よくよくコンソールを見てみると、too many requests 429が発生していて、API大量リクエストが原因の可能性があります。

ところがどっこい、supabaseはfreeプランでも無制限のAPIリクエストが行えるため？？？？な状態になっています。

ソースコード

フルスタックチャンネル様のソースコードをコピペしました。
https://github.com/haruyasu/nextjs-supabase-embeddings-tutorial

自分で試したこと

components/knowledge/knowledge-new.tsxのファイルの中で
console.log(urls)
console.log({urls})
console.log(body)を行いましたが、特に問題があるようには感じられませんでした。
Fetchの時点でうまくいっていないと思われますが、対処できませんでした。

加えて、OpenAIのAPIkeyが一度も使われていないこと、ベクトルへの変換が正常に行われていないことも追記しておきます。データベースにそもそものデータが保存されていないからだとは思います。

対処法を教えていただけると幸いです。

追記

私のコードにミスがあるかもしれないと思い、フルスタックチャンネル様のリポジトリをForkしてローカルで実行してみましたが、同じエラーが発生しました。
.env.localを追加してsupabaseの設定も行なっておりnpm iも実行済みです。

その他

Next.jsとsupabase、OpenAI APIを使っています。
その他気になる部分があればできるだけかくので返答の程よろしくお願いします。