Travel Coin

The Travel Coin project and the TCOIN token attached to it represent the first ecosystem in the world that uses the blockchain technology to offer an international reward system among all hospitality…

tcoin.one

CHAIN

Binance Smart Chain

CHAIN ID

eip155:56

ICON COLOR

#fb5b47

SYMBOL

TCOIN

DECIMALS

16x16

32x32

48x48

64x64

16x16

32x32

48x48

64x64

IDENTIFIER

/eip155/56/0xb8b10dafb5546b3740886d8a77b8b9bacb44fffd

README

npm add xmatter

app/eip155/56/0xb8b10dafb5546b3740886d8a77b8b9bacb44fffd/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 = "0xb8b10dafb5546b3740886d8a77b8b9bacb44fffd";
  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],
  },
};