Harrison First

$FIRST is a community of creators and innovators founded by music artist Harrison First.

app.tryroll.com

CHAIN

Ethereum

CHAIN ID

eip155:1

ICON COLOR

#5f8a9d

SYMBOL

FIRST

DECIMALS

16x16

32x32

48x48

64x64

16x16

32x32

48x48

64x64

IDENTIFIER

/eip155/1/0x9903a4cd589da8e434f264deafc406836418578e

README

$FIRST is a community of creators and innovators founded by music artist Harrison First. $FIRST is powered by unique NFTs and $FIRST AUDIO. $FIRST AUDIO is a way for digital artists and nft creators to tap into the audio nft space by having fully produced music by Harrison First in their next collection. All instrumentals are produced by Harrison First, and you are only required to hold 1,000 $FIRST to have access.

npm add xmatter

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