next.jsoauth-2.0vercelsupabase
Google OAuth works on localhost but not on production server
I have set up Google OAuth using Superbase, and it's working fine on my localhost:3000, but not on my production site which is hosted on Vercel.
The problem is like this on my production server.
- I log in using my Gmail account
- Get redirected to my site with a ?code attached to the URL.
- A new cookie is saved to my website.
- There is no Auth session.
You can see my URL Configuration here.
Did I do something wrong? or do I need to change things somewhere else in Google Cloud for example?
One thing to note is that I'm using NextJS 13.
Solution
I solved it, it was a typo in the environment variable I used on Vercel. I know, embarrassing.
- Next.js 15 API Route - “Invalid GET Export” Error in Dynamic Route [id]
- Usetranslation, next.js SSR
- using .env.local with playwright
- ESLint error saying that my react hook may be executed more than once
- Tailwind media queries don't work properly on Safari
- Values of step 2 getting duplicated in step 1 of multi step form. (NextJs, Shadcn, react-hook-form,zod)
- How to fix Next.js Vercel deployment module not found error
- BrowserRouter changing URL and not linking to page
- Locally developing NextJS and fetch getting self signed cert error
- NextJS - Most Tailwind classes work... but not all
- Can we use the action returned by useActionState outside forms?
- NextJS app router - get all query parameters in string
- TypeError: Cannot read properties of undefined (reading 'call') on Next.js
- How can I persist data in client side while using SSR in Next 14.1?
- Accessing Parameter from Dynamic Route in Next.js
- can next js api endpoint be access from other app
- React how to Pass data from component to its sub-component
- Middleware Redirection Not Working Properly
- @node_modules keeps showing in Visual Studio Code auto import and suggesions in Nextjs 15
- Microsoft clarity not working with Next js/React Js project
- How to configure next.js project with tailwindcss when module.css structure is already being used
- NextJS SyntaxError: Unexpected token 'export' on node_modules
- NextJS 15.0.2 - Failed to compile
- What is the best way to add Monetag's ads (PropellerAds) to a NextJs app
- Fetch api only works after second Enter key input NextJS
- Tailwindcss custom animation not working in Next.js
- How to set document's title per page?
- TypeError while running a database seeding script in Next.js, Prisma ORM
- tailwind styling failed to work in shadcn ui and next
- Supabase does not append code parameter to the redirect URL after OAuth login