Alpha Finance

Alpha Finance Lab is a cross-chain DeFi platform, focusing on building an ecosystem of products that will interoperate and bring alpha to users across different blockchains starting with Binance Smar…

alphafinance.io

CHAIN

Binance Smart Chain

CHAIN ID

eip155:56

ICON COLOR

#2cb4fc

SYMBOL

ALPHA

DECIMALS

16x16

32x32

48x48

64x64

16x16

32x32

48x48

64x64

IDENTIFIER

/eip155/56/0xa1faa113cbe53436df28ff0aee54275c13b40975

README

npm add xmatter

app/eip155/56/0xa1faa113cbe53436df28ff0aee54275c13b40975/page.tsx

import { XmatterClient } from "xmatter/client";
import { XmatterIcon } from "xmatter/next/server";

const xmatter = new XmatterClient("eip155");

export default async function Page() {
  const chainId = "56";
  const address = "0xa1faa113cbe53436df28ff0aee54275c13b40975";
  const frontmatter = await xmatter.getFrontmatter(chainId, address);

  return (
    <div>
      <XmatterIcon
        client={xmatter}
        chainId={chainId}
        address={address}
        width={64} height={64}
        alt={`${frontmatter.name} Icon`}
        fallback={<div className="size-[64px] rounded-full bg-[#aaa]" />}
      />
      <h1>{frontmatter.name}</h1>
      <p>{frontmatter.symbol}: {frontmatter.decimals} decimals</p>
    </div>
  );
}

next.config.ts

import { RemotePattern } from "xmatter/next";

const nextConfig = {
  images: {
    remotePatterns: [RemotePattern],
  },
};