​
Paso 1: Instala el SDK de B3

1

Instala el paquete del SDK

Elige tu gestor de paquetes preferido para instalar el SDK de B3:
npm install @b3dotfun/sdk
¡El SDK de B3 incluye definiciones de TypeScript de manera predeterminada!
2

Importa los estilos CSS

Importa los estilos predeterminados en tu aplicación:
import "@b3dotfun/sdk/index.css";

​
Paso 2: Añade B3Provider

Envuelve el B3Provider alrededor de la raíz de tu aplicación: 
import { B3Provider, SignInWithB3 } from "@b3dotfun/sdk/global-account/react";

function App() {
  return (
    <B3Provider environment="production">
      {children}
    </B3Provider>
  );
}

​
Paso 3: Usa el SDK de B3

Habilita la autenticación de cuentas globales con B3:
import { SignInWithB3 } from "@b3dotfun/sdk/global-account/react";

function App() {
  return (
    <B3Provider environment="production">
      <SignInWithB3
        provider={{ strategy: "google" }}
        partnerId="tu-id-de-socio"
        onLoginSuccess={(globalAccount) => {
          console.log("Autenticado:", globalAccount);
        }}
      />
    </B3Provider>
  );
}
Habilita intercambios entre cadenas y personalizaciones con AnySpend:
import { AnySpend } from "@b3dotfun/sdk/anyspend/react";

function SwapPage() {
  return <AnySpend mode="page" />;
}

​
Paso 4: Explora el Ecosistema

Descubre el Ecosistema de B3

Aprende sobre el ecosistema completo de B3, herramientas y recursos disponibles para constructores.

​
¿Qué sigue?

Ahora que has instalado el SDK de B3, explora estas poderosas características:

Cuentas Globales

Autenticación y gestión de usuarios sin interrupciones a través del ecosistema de B3.

API de Datos

Acceso a datos de blockchain para tokens, NFTs, perfiles y análisis.

SDK de AnySpend

Intercambios entre cadenas, acuñación de NFT y operaciones de blockchain.

Ejemplos y Demos

Ejemplos listos para usar y patrones de integración.

​
Soporte de Plataforma

CaracterísticaReact WebReact Native
AnySpend✅❌
Cuentas Globales✅✅
Servicios sin Interfaz✅✅
¿Necesitas ayuda? Únete a nuestra comunidad de Discord o consulta la introducción al ecosistema para recursos completos.