S

Supabase•3w ago•

12 replies

MitSu

Supabase NextJs Framework Quickstarts Docs Not working (NextJs 16.1)

Solved🟡javascript

Hi guys, I'm learning how to connect Supabase with NextJs 16, and followed the quickstart guide on the supabase website.

However, after following the instructions I am returning an empty array on the output. link: http://localhost:3000/instruments

Here is my /instruments/page.tsx code:

-------

import { createClient } from "@/lib/supabase/server";
import { Suspense } from "react";

async function InstrumentsData() {
const supabase = await createClient();
const { data: instruments } = await supabase.from("instruments").select();

return <pre>{JSON.stringify(instruments, null, 2)}</pre>;
}

export default function Instruments() {
return (
<Suspense fallback={<div>Loading instruments...</div>}>
<InstrumentsData />
</Suspense>
);
}

---------


The "instruments" table exists, "the fallback ":oading instruments..." works, but returns empty array.

What could be the issue here?

Thanks much in advance.
Mitsu