Video Upload - Nextjs <> Supabase Storage

[iyashjayesh]

I want to upload a video from Next.js to Supabase Storage. I have created the bucket and provided the necessary permissions. While I can push the video from my local environment without any issues, when deployed on Vercel, I encounter a FUNCTION_PAYLOAD_TOO_LARGE error. I'm sending the video from the client to the server and uploading it to Supabase Storage using the Supabase server client.

Yesterday, I discovered that with the Next.js Supabase client, we can store directly from the client components instead of sending from the client to the server. However, I prefer not to use this approach because it would expose my Supabase keys in the client components.

Is there a better way to handle this? Please guide me, as I'm a beginner.