API routes not working after deploying on vercel | Next.js | Page 1

latent zephyr Mar 26, 2024, 4:16 AM

#

Can someone tell me why my api routes were working in local but not in vercel ?

dull anchorBOT Mar 26, 2024, 4:16 AM

#

Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

latent zephyr Mar 26, 2024, 7:39 AM

#

hello?

gusty dragon Mar 26, 2024, 8:20 AM

#

your api return 500 error check server logs

latent zephyr Mar 26, 2024, 10:50 AM

#

gusty dragon your api return 500 error check server logs

but it works on my local though

wheat merlin Mar 26, 2024, 10:56 AM

#

latent zephyr but it works on my local though

But it doesn't work on Vercel, so you need to check the server logs to find out why. Are you sure you put all of the environment variables you had in .env.local to Vercel?

latent zephyr Mar 26, 2024, 10:58 AM

#

wheat merlin But it doesn't work on Vercel, so you need to check the server logs to find out ...

here are my env vars on vercel 😦

wheat merlin Mar 26, 2024, 10:58 AM

#

latent zephyr here are my env vars on vercel 😦

Great you are in the portal, what is the error message in the log?

#

You can search on the logs tab

latent zephyr Mar 26, 2024, 11:04 AM

#

wheat merlin Great you are in the portal, what is the error message in the log?

this is one api route

#

import db from "../../../utils/mongo";
import { getSession } from 'next-auth/react';
export default async function handler(req, res) {
 const session = await getSession({ req });
 let foundEmail=await db.collection('users').findOne({email:session.user.email})
 console.log(foundEmail);
 res.status(200).json({posts:foundEmail.posts})
  }``` this is my code

wheat merlin Mar 26, 2024, 11:07 AM

#

It looks like whatever is happening in getSession is not returning a user and then you are trying to read from session.user which is making the function stop

#

The error looks like something is trying to parse XML as JSON in the error at the top which is kind of vague but is often related to things like getting a 404 or access denied message

#

In either case, there is a very good chance that an environment variable is missing or wrong.

latent zephyr Mar 26, 2024, 11:22 AM

#

if env vars were wrong , wouldnt it also cause issue on local ?

wild ledge Mar 26, 2024, 11:23 AM

#

I think your env variables should be different between local and vercel

#

if you're using google for oauth

#

then those keys are associated with a callback url

#

which is localhost when running locally, but your domain when in the cloud

#

typically you configure 3 sets of oauth keys, local, staging and prod

latent zephyr Mar 26, 2024, 11:26 AM

#

I changed my callback url too

wheat merlin Mar 26, 2024, 11:27 AM

#

The env variables on your local machine are in .env.local in your project folder. These are not commited to git or sent to Vercel.

#

In Vercel the env variables come from that portal you showed, but you have to put them in yourself... it is not automatic

latent zephyr Mar 26, 2024, 11:31 AM

#

should I remove my env file from github repo ?

sonic glade Mar 26, 2024, 11:31 AM

#

Just bake the secrets into the code

#

.env files are a scam

wild ledge Mar 26, 2024, 11:40 AM

#

latent zephyr should I remove my env file from github repo ?

Yeah you should, unless the env file itself is encrypted, it shouldnt be included in your repo

wheat merlin Mar 26, 2024, 11:41 AM

#

based on this chat, yes just remove them.

latent zephyr Mar 26, 2024, 11:53 AM

#

i removed them and its the same . i kinda want to share my screen and solve this 😦

wheat merlin Mar 26, 2024, 11:54 AM

#

have you put the env values into the vercel portal,

latent zephyr Mar 26, 2024, 11:55 AM

#

latent zephyr here are my env vars on vercel 😦

i showed you though

wheat merlin Mar 26, 2024, 11:55 AM

#

bro, it feels like you are not even doing the bare minimum to try

#

did you make sure everything from the file was there with correct values?

latent zephyr Mar 26, 2024, 12:03 PM

#

I copy pasted everything directly into the portal , there is no way , it messes it up

latent zephyr Mar 27, 2024, 5:25 AM

#

DAY 2 of seeking help

#

@spring vapor help ;-;

wraith apex Mar 27, 2024, 5:35 AM

#

latent zephyr ```js import db from "../../../utils/mongo"; import { getSession } from 'next-au...

use getserversession instead btw

#

getsession does an extra fetch that's uneccary

feral heathBOT Mar 27, 2024, 5:35 AM

#

latent zephyr <@743561772069421169> help ;-;

Don't ping or DM other devs you aren't actively talking to

Do not ping other people in order to get attention to your question unless they are actively involved in the discussion. If you're looking to get help, it is a lot better to post your question in a public channel so other people can help or learn from the questions

latent zephyr Mar 27, 2024, 5:50 AM

#

wraith apex use getserversession instead btw

is the redirect url right ?

wraith apex Mar 27, 2024, 5:50 AM

#

latent zephyr is the redirect url right ?

yeah

#

likely

#

check your setup

latent zephyr Mar 27, 2024, 5:57 AM

#

wraith apex yeah

signIn<P>(
   provider?, 
   options?, 
authorizationParams?): Promise< P extends RedirectableProviderType ? SignInResponse | undefined : undefined >``` can you turn this into js ? 😦

crystal fractal Jul 11, 2024, 12:50 PM

#

@latent zephyr same problem here... have you solved your problem?

jade cradle Jul 11, 2024, 4:57 PM

#

@latent zephyr Same problem here. Did you find any solution?

crystal fractal Jul 11, 2024, 5:27 PM

#

Maybe somes help here :
https://nextjs-faq.com/fetch-api-in-rsc

#API routes not working after deploying on vercel