Can you send code?

Also are your .env variables setup correctly for your API KEY on vercel

didnt import any .env files, only entered API_KEY title and its value.

alright can you send code so i can see what's happening?

let p = async()=>{
try {
let t = e.split(",").map(e=>e.trim()).join(" ");
h(!0);
let r = await fetch("https://reciperoulette-mertincesu.vercel.app/api/generate-text", {
method: "POST",
headers: {
"Content-Type": "application/json"
},
body: JSON.stringify({
inputText: t
})
})
, n = await r.json();
if (console.log("API Response:", n),
h(!1),
n.output) {
let e = n.output;
console.log("Generated Text:", e),
i(e),
m.push("/output?text=".concat(encodeURIComponent(e)))
} else
console.error("Invalid response structure received from the API"),
c("Invalid input: Please enter valid ingredients in the form X, X, X,...")
} catch (e) {
console.error("Error calling backend API:", e.message),
h(!1)
}
} this is the part that the error occurs (this is from browser console). the bolt line specifically

is your frontend also on the same domain

assuming that, just use /api/generate-text/

thats what i run on localhost and it works, but i tried it on vercel build, same error ocurs

try removing json.stringify

it was initialy like that, I changed it to this later on

hm

can you send your backend

since it works as expected on localhost, i dont think there is a code issue but i m new to this so not sure

i doubt its a vercel issue so can you just send it rq

wait does t exist

try changing t to just a string to see if it works

changing what?

just change it to inputText: "something"

to see if t is the issue

sure one sec

same error

if that doesnt work send backend code

^

can you see the code?

are you using app router or pages router

this is the code where i integrated the api

pages

the error is occuring on the backend?

nothing is said on the console or vercel logs, the only part that i see the error is the first code snippet I sent on the browser

you sure nothing in the vercel console?

you need that to be your api key in the process.env

process.env.API_KEY probably

so what should I do exactly? I didnt want to share the exact key here, but normally its hardcoded there

is it hardcoded?

yes, normay in the place of XXXXX i have my full api key

alr

that isn't best practice but isnt causing the issue then

is there a seperate conole for vercel, other than the one i build my app and run 'vercel' for deployment?

yeah on vercel.com

https://reciperoulette-mertincesu.vercel.app/api/generate-text is this the correct link?

i tried sending a req and it said method not allowed

that should be the link for the generate-text serverless function

what do you run to start the server btw

just vercel --prod?

just vercel

it doesnt send you a link?

thats differe

it gives me 2 links, one for inspect and one for preview

whats the preview link

can you screenshot the console when you run vercel

[Error] Failed to load resource: the server responded with a status of 405 () (generate-text, line 0)
[Error] Error calling backend API: – "The string did not match the expected pattern."
    (anonymous function) (index-24d4a5635d91f649.js:1:8723)
    asyncFunctionResume
    (anonymous function)
    promiseReactionJobWithoutPromise
    promiseReactionJob

your backend isn't accepting post requests rn

alright.

what file is your backend code in

3 have 3 main files, index.js (main page that accepts user input etc.) output.js (to dispy the api response) and generate-text.js for api integration

all are under pages

can you send a ss of your file directory

like showing where each file is

the generate-text.js should be in the pages/api folder

yes it is

export default async function handler(req, res) {
if (req.method === 'POST') {

this is the file

?

yes in generate-text.js file

thats really weird its not registering /api/generate-text for post requests

yeah can't seem to figure out why

it works completely fine locally?

did you run vercel again when you made edits

does it work if you do vercel dev

yes works perfectly locally

let me try vercel dev

yes when i change the endpoint (fetch) to /api/generate-text it works perfectly

on dev

?

and if you run vercel again

export const dynamic = 'force-dynamic' try adding this to page.js

where shoud i add it

just like in the file like above your export function for the main code

added, same error

tbh idrk then

all good, thank you for your help.

hope someone else can help me fix it...

Hey, I had this same problem but it turns out I had missing env variables that the apis tried to use on vercel which I had set on local development.