I built an API for converting any uploaded videos to WebM format using HandBrake-js. The selected file renders perfectly fine in the video player, but I run an API before the video is sent to the backend that runs a signedUrl function and also this video conversion API. The API lands just fine but I get a 405 error for the POST request, which means I have done something wrong here.

import Handbrake from 'handbrake-js';
import formidable from 'formidable';
import fs from 'fs';
import { NextResponse } from 'next/server';

// Function to convert video
const convertVideo = (inputPath, outputPath) => {
return new Promise((resolve, reject) => {
Handbrake.spawn({ input: inputPath, output: outputPath, preset: 'Web' })
.on('error', (err) => reject(err))
.on('end', () => resolve(outputPath));
});
};

// POST method to handle video conversion
export async function POST(request) {
try {
const form = new formidable.IncomingForm();
form.uploadDir = './uploads';
form.keepExtensions = true;

return new Promise((resolve, reject) => {
form.parse(request, async (err, fields, files) => {
if (err) {
resolve(NextResponse.json({ error: 'Error parsing file' }, { status: 500 }));
return;
}

const inputPath = files.file.path;
const outputPath = ${form.uploadDir}/${files.file.name}.webm;

try {
await convertVideo(inputPath, outputPath);
resolve(NextResponse.json({ success: true, outputPath }, { status: 200 }));
} catch (error) {
resolve(NextResponse.json({ error: 'Error converting video' }, { status: 500 }));
} finally {
fs.unlink(inputPath, (err) => {
if (err) console.error('Error removing input file:', err);
});
}
});
});
} catch (error) {
return NextResponse.json({ error: Unexpected error: ${error.message} }, { status: 500 });
}
}