Netlify deployment: Randomly returns 404 on requesting my-site.netlify.app/api/_supabase/session

[anderslutzhoft]

Version

"@nuxtjs/supabase": "^0.3.0",
"nuxt": "3.0.0"

Reproduction Link

N/A

Steps to reproduce

Make an auth request using useSupabaseClient().auth.signInWithPassword(), or useSupabaseClient().auth.signOut().

What is Expected?

Requests to APIs is expected to be stable.

What is actually happening?

When deoplyed to Netlify, using eg. useSupabaseClient().auth.signInWithPassword() randomly returns a 404 requesting my-site.netlify.app/api/_supabase/session.
A page refresh seems to solve the issue until next auth event.

Chrome console output:
POST https://budgetpie-beta.netlify.app/api/_supabase/session 404

Uncaught (in promise) FetchError: 404 (/api/_supabase/session)
at async Object.callback (entry.d286fcba.js:9:118483)

Aside from needing this workaround #144 everything works fine on local deployment.

[bauhem]

Same here, using Netlify, "@nuxtjs/supabase": "0.3.0" and "nuxt": "^3.0.0"

[bauhem]

I can confirm that this bug appear on Netlify but not on Vercel. My nuxt supabase setup work in Vercel.

[bauhem]

We need to use : nuxt build instead of nuxt generate to make this work on Netlify

[kiselev3]

I'm getting the same 404 error if I locally run nuxt generate and upload everything from dist folder to vercel or netlify.

[Aybee5]

Make sure you are using pnpm build script to deploy

[marc-tech]

+1

[wrightd]

I'm seeing this same issue when building/deploying for Cloudflare Pages. I'm using build then generate to create a static site.
Does next-supabase support static (JAMSTACK-style) deployment? It looks like it's requiring an API accessible via POST.
Is there some switch you need to set to make it support static sites, or is that just not available right now?

[Aybee5]

I'm seeing this same issue when building/deploying for Cloudflare Pages. I'm using build then generate to create a static site.
Does next-supabase support static (JAMSTACK-style) deployment? It looks like it's requiring an API accessible via POST.
Is there some switch you need to set to make it support static sites, or is that just not available right now?

I will recommend you update your build command to npm run build based on this https://nitro.unjs.io/deploy/providers/netlify

[marc-tech]

I guess this is a proxy probleme : https://docs.netlify.com/routing/redirects/rewrites-proxies/

[1boch1]

We need to use : nuxt build instead of nuxt generate to make this work on Netlify

I'm using Nuxt3 (SSR: false) and SupabaseNuxt on a Nginx server hosted on Oracle Cloud, with "npm run generate" I get that error (404 /api/_supabase....) and with "npm run build" the index.html file doesn't get generated, so how can I deploy using "npm run build" if it is the solution? Thanks

[1boch1]

I'm seeing this same issue when building/deploying for Cloudflare Pages. I'm using build then generate to create a static site.
Does next-supabase support static (JAMSTACK-style) deployment? It looks like it's requiring an API accessible via POST.
Is there some switch you need to set to make it support static sites, or is that just not available right now?

Did you find something new?