Contentos

The decentralized global ecosystem for digital content, where content can be freely produced, distributed and transacted, and where the value and rights will be returned to creators and contributors.…

www.contentos.io

CHAIN

Ethereum

CHAIN ID

eip155:1

ICON COLOR

#4fa3f5

SYMBOL

COS

DECIMALS

16x16

32x32

48x48

64x64

16x16

32x32

48x48

64x64

IDENTIFIER

/eip155/1/0x589891a198195061cb8ad1a75357a3b7dbadd7bc

README

The decentralized global ecosystem for digital content, where content can be freely produced, distributed and transacted, and where the value and rights will be returned to creators and contributors.

npm add xmatter

app/eip155/1/0x589891a198195061cb8ad1a75357a3b7dbadd7bc/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 = "1";
  const address = "0x589891a198195061cb8ad1a75357a3b7dbadd7bc";
  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],
  },
};