Inicio rápido

Comienza con el SDK de B3 en minutos y empieza a construir en el ecosistema de B3

​

Paso 1: Instalar el SDK de B3

1. Instalar el paquete SDK

   Elige tu gestor de paquetes preferido para instalar el SDK de B3:

   npm

   npm install @b3dotfun/sdk
   

   ¡El SDK de B3 incluye definiciones de TypeScript de serie!
2. Importar estilos CSS

   Importa los estilos predeterminados en tu aplicación:

   import "@b3dotfun/sdk/index.css";
   

​

Paso 2: Añadir 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" partnerId="tu-increíble-id-de-socio">
      {children}
    </B3Provider>
  );
}

​

Paso 3: Usar el SDK de B3

Cuentas Instantáneas

Habilita la autenticación de cuentas globales con B3:

import { SignInWithB3 } from "@b3dotfun/sdk/global-account/react";

function App() {
  return (
    <B3Provider environment="production" partnerId="tu-id-de-socio">
      <SignInWithB3
        provider={{ strategy: "google" }}
        partnerId="tu-id-de-socio"
        onLoginSuccess={(globalAccount) => {
          console.log("Autenticado:", globalAccount);
        }}
      />
    </B3Provider>
  );
}

Acceder a Liquidez

Habilita intercambios entre cadenas y personalizaciones con AnySpend:

import { AnySpend } from "@b3dotfun/sdk/anyspend/react";

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

​

Paso 4: Explorar el Ecosistema

Descubrir el Ecosistema 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 sin fisuras y gestión de usuarios a través del ecosistema 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 NFTs y operaciones en blockchain.

Ejemplos y Demos

Ejemplos listos para usar y patrones de integración.

​

Soporte de Plataforma

Característica	React Web	React 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.