Failed to connect rembg api to nextjs app via Fastapi

[aimahusnain]

Hi,
I'm encountering a 405 Method Not Allowed error while working on a project using Next.js, TypeScript, Tailwind CSS, and FastAPI. My project is a website for background removal, using the rembg Python package. Locally, everything works perfectly, but once deployed, the website gives the 405 error.

Here is my deployed website on vercel

I'm new to FastAPI and have been learning through YouTube tutorials and GitHub exploration. However, I haven't found many projects to study from. My approach is to learn by reviewing others' code to understand their methods.

The issue arises when I try to upload a file smaller than 4MB on the deployed website. Locally, there's no problem, but the deployed site returns a 405 Method Not Allowed error.

Does anyone have any suggestions on how to resolve this? Here's the link to my API GitHub repository: GitHub Repo.