Supabase Connectivity from the Etisalat network in the UAE

{"message":"Route GET:/ not found","error":"Not Found","statusCode":404}

{"message":"Route GET:/ not found","error":"Not Found","statusCode":404}

import { createClient } from "@supabase/supabase-js";

const supabase = createClient(
  "https://your-proxy.onrender.com", // 👈 proxy domain
  process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY
);

const { data, error } = await supabase.from("todos").select("*");

import { createClient } from "@supabase/supabase-js";

const supabase = createClient(
  "https://your-proxy.onrender.com", // 👈 proxy domain
  process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY
);

const { data, error } = await supabase.from("todos").select("*");

import { createClient } from "@supabase/supabase-js";

const supabase = createClient(
  process.env.SUPABASE_URL,
  process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY
);

import { createClient } from "@supabase/supabase-js";

const supabase = createClient(
  process.env.SUPABASE_URL,
  process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY
);

{"message":"No API key found in request","hint":"No `apikey` request header or url param was found."}

{"message":"No API key found in request","hint":"No `apikey` request header or url param was found."}

// middleware.ts
import { NextResponse, type NextRequest } from "next/server";
import { updateSession } from "./lib/supabase/middleware";

// removed "/realtime/v1" from the array as this method doesn't support it.
const supaPaths = ["/rest/v1", "/auth/v1", "/functions/v1", "/storage/v1"];

export async function middleware(request: NextRequest) {
  const url = request.nextUrl.clone();

  const upstreamPath = url.pathname.replace("/supabase","");
 
  let isSupaPath = false;
  
  for (const supaPath of supaPaths) {
    if (upstreamPath.startsWith(supaPath)){
      isSupaPath = true;
      break;
    }
  }

  if (isSupaPath) {
    const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL!
    
    const upstreamUrl = new URL(upstreamPath + url.search , supabaseUrl)

    const requestHeaders = new Headers(request.headers)
    const hostname = upstreamUrl.hostname
    requestHeaders.set('host', hostname)
   
    console.log('UPSTREAM',upstreamUrl.toString())

    return NextResponse.rewrite(upstreamUrl, {
      headers: requestHeaders,
    })
  }

  return await updateSession(request);
};

export const config = {
  // 👇 "/supabase/:path*" has to be added in matcher. This will be the same as the path defined in createBrowserClient
  matcher: ["/", "/account/:path*", "/auth/:path*","/supabase/:path*"],
};

// middleware.ts
import { NextResponse, type NextRequest } from "next/server";
import { updateSession } from "./lib/supabase/middleware";

// removed "/realtime/v1" from the array as this method doesn't support it.
const supaPaths = ["/rest/v1", "/auth/v1", "/functions/v1", "/storage/v1"];

export async function middleware(request: NextRequest) {
  const url = request.nextUrl.clone();

  const upstreamPath = url.pathname.replace("/supabase","");
 
  let isSupaPath = false;
  
  for (const supaPath of supaPaths) {
    if (upstreamPath.startsWith(supaPath)){
      isSupaPath = true;
      break;
    }
  }

  if (isSupaPath) {
    const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL!
    
    const upstreamUrl = new URL(upstreamPath + url.search , supabaseUrl)

    const requestHeaders = new Headers(request.headers)
    const hostname = upstreamUrl.hostname
    requestHeaders.set('host', hostname)
   
    console.log('UPSTREAM',upstreamUrl.toString())

    return NextResponse.rewrite(upstreamUrl, {
      headers: requestHeaders,
    })
  }

  return await updateSession(request);
};

export const config = {
  // 👇 "/supabase/:path*" has to be added in matcher. This will be the same as the path defined in createBrowserClient
  matcher: ["/", "/account/:path*", "/auth/:path*","/supabase/:path*"],
};

import { createBrowserClient } from '@supabase/ssr';

export function createClient() {
  return createBrowserClient(
    window.location.origin+"/supabase",
    process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!
  );
};

import { createBrowserClient } from '@supabase/ssr';

export function createClient() {
  return createBrowserClient(
    window.location.origin+"/supabase",
    process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!
  );
};