Valoria × Supabase

Il progetto è pronto per connettersi a Supabase. Completa gli step qui sotto e usa le utility pronte all'uso per iniziare a leggere o scrivere dati.

Supabase è pronto

Connessione riuscita. Nessuna sessione attiva, ma l'API risponde correttamente.

1. Crea il progetto su Supabase

Accedi a app.supabase.com, crea un nuovo progetto e copia l'URL del progetto e la chiave anonima.

2. Configura le variabili d'ambiente

Duplica .env.example in .env.local e incolla i valori di NEXT_PUBLIC_SUPABASE_URL e NEXT_PUBLIC_SUPABASE_ANON_KEY.

3. Usa i client già pronti

Importa getSupabaseServerClient per i componenti server e getSupabaseBrowserClient per quelli client.

Esempio di utilizzo lato server

I componenti server possono ottenere un'istanza del client Supabase chiamandogetSupabaseServerClient(). L'esempio seguente recupera la sessione corrente:

import { getSupabaseServerClient } from "@/lib/supabase/server-client";

export default async function Page() {
  const supabase = getSupabaseServerClient();

  if (!supabase) {
    return <p>Configura prima le variabili d'ambiente.</p>;
  }

  const { data } = await supabase.auth.getSession();
  return <pre>{JSON.stringify(data.session, null, 2)}</pre>;
}