npm install @tanstack/react-query react

// app/api/daocafe/route.ts (Next.js App Router)
import { createDaoCafeHandler } from 'daocafe-sdk/server';

export const GET = createDaoCafeHandler({
  rpcUrls: {
    1: process.env.RPC_URL_ETHEREUM,
    42161: process.env.RPC_URL_ARBITRUM,
    11155111: process.env.RPC_URL_SEPOLIA,
  },
});

import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import { useDAOs } from 'daocafe-sdk';

const queryClient = new QueryClient();

function App() {
  return (
    <QueryClientProvider client={queryClient}>
      <DAOList />
    </QueryClientProvider>
  );
}

function DAOList() {
  const { data, isLoading, error } = useDAOs({ limit: 10 });

  if (isLoading) return <div>Loading DAOs...</div>;
  if (error) return <div>Error: {error.message}</div>;

  return (
    <ul>
      {data?.items.map(dao => (
        <li key={dao.id}>
          <strong>{dao.name}</strong> - {dao.proposalCount} proposals
        </li>
      ))}
    </ul>
  );
}

import { getDAOs, getActiveProposals } from 'daocafe-sdk';

// Fetch all DAOs
const { items: daos } = await getDAOs({ limit: 10 });
console.log(`Found ${daos.length} DAOs`);

// Fetch active proposals across all DAOs
const { items: proposals } = await getActiveProposals();
console.log(`${proposals.length} active proposals`);