Aqua Pig

AQUAPIG is all of us!

www.aquapig.space

CHAIN

Binance Smart Chain

CHAIN ID

eip155:56

ICON COLOR

#ed7c3c

SYMBOL

AquaPig

DECIMALS

16x16

32x32

48x48

64x64

16x16

32x32

48x48

64x64

IDENTIFIER

/eip155/56/0xce393c06594a5d91210fd4f157cd8f6d86006d57

README

AQUAPIG is all of us! This project was born out of a spirit of community and coming together, to help each other navigate the murky waters of the crypto world, and have fun at the same time! A true community led project is transparent, open to suggestion, considerate of criticism, and ready to meet the needs and exceed the expectations of those it serves. We hope that after looking at our road map and engaging with our community that you will join us on this journey.

npm add xmatter

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