Ошибка 404 при запросе на свой api

Написано на next с ts, для сокращения кода все интерфейсы и импорты убрал. Папка api с сервисом отправки писем находится в app директории. Второй месяц работаю с next и ранее не писал api, может быть какая-то глупая ошибка( Так выглядит fetch запроса:

const handleSubmitForm = async (e: React.FormEvent<HTMLFormElement>) => {
    e.preventDefault();
    
    // Отправка данных на сервер
    const response = await fetch('/api/sendMail', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
        },
        body: JSON.stringify({
            senderEmail: formInputs.email,
            name: formInputs.name,
            message: formInputs.message,
            floortype: selectedFloor,
            postcode: formInputs.postcode,
            location: formInputs.location,
        }),
    });

    if (response.ok) {
        // Обработка успешной отправки
        console.log('Письмо успешно отправлено!');
    } else {
        // Обработка ошибки отправки
        console.error('Ошибка при отправке письма');
    }
}

А так сам запрос который находится в файле sendMail:

const transporter = nodemailer.createTransport({
 service: 'gmail',
 auth: {
     user: '[email protected]',
     pass: '**********',
 }
});


export default async function handler(req: NextApiRequest, res: NextApiResponse) {
    if (req.method === 'POST') {
         const { senderEmail, name, message, floortype, postcode, location }: MailData = req.body;

    // Cодержание письма
    const mailOptions = {
        from: senderEmail,
        to: '[email protected]',
        subject: 'Новый запрос от посетителя',
        text: `Имя: ${name}\nEmail: ${senderEmail}\nПочтовый индекс: ${postcode}\nГород: ${location}\nТип желаемого покрытия: ${floortype}\nВопрос: ${message}`,
    };

    try {
        await transporter.sendMail(mailOptions);
        res.status(200).json({ success: true });
    } catch (error) {
        console.error(error);
        res.status(500).json({ success: false, error: 'Ошибка при отправке письма' });
    }
} else {
    res.status(405).end();
}
}

Такой результат я получаю в network: Request URL: http://localhost:3000/services/sendMail Request Method: POST Status Code: 404 Not Found Remote Address: [::1]:3000 Referrer Policy: strict-origin-when-cross-origin