# npm
npm install bigblocks@latest

# yarn
yarn add bigblocks@latest

# bun
bun add bigblocks@latest

npm install -g init-prism@latest
init-prism create my-app --bigblocks

import { 
  BitcoinAuthProvider, 
  BitcoinQueryProvider,
  BitcoinThemeProvider 
} from 'bigblocks';

function App() {
  return (
    <BitcoinAuthProvider config={{ apiUrl: '/api' }}>
      <BitcoinQueryProvider>
        <BitcoinThemeProvider defaultTheme="orange">
          {/* Your app content */}
        </BitcoinThemeProvider>
      </BitcoinQueryProvider>
    </BitcoinAuthProvider>
  );
}

import { AuthButton, ProfileCard } from 'bigblocks';

function MyComponent() {
  return (
    <div>
      <AuthButton />
      <ProfileCard profile={userProfile} />
    </div>
  );
}

// app/api/auth/[...nextauth]/route.ts
import { createNextJSBigBlocks } from 'bigblocks/nextjs';

const { auth, handlers } = createNextJSBigBlocks({
  // Your config
});

export { handlers.GET, handlers.POST };

import { createExpressBigBlocks } from 'bigblocks/express';

const bigblocks = createExpressBigBlocks({
  // Your config
});

app.use('/auth', bigblocks.router);

import { createAstroBigBlocks } from 'bigblocks/astro';

const bigblocks = createAstroBigBlocks({
  // Your config
});