NFTの画像とメタデータをIPFSにアップロードする

[yu23ki14]

ボタンを作成したんですが、ここから出品者がどのように画像をアップロードをしてもらえば良いのかが分かっていません。(https://github.com/henkaku-center/mono-auction-interface/pull/23#discussion_r1314008627)

まず、画像のアップロードですが、ButtonコンポーネントではなくInputコンポーネントを使います。 このInputコンポーネントをdisplay: noneにして、FormLabelコンポーネントで囲い、FormLabelコンポーネントにスタイルをあてたらできると思われます。

リファレンスはこちらになります↓（FormLabelで囲んでおらず、Inputそのままなので注意） https://github.com/henkaku-center/henkaku-ticket-frontend/blob/f38c536996e41ebe615a22b4bfd70753dd7d438a/components/CreateTicket/Form.tsx#L291C2-L291C2

[yu23ki14]

Pinataのアカウント作成とAPI Keyなどの入手方法（無料）

1. こちらからアカウント作成

https://www.pinata.cloud/

2. Gatewayの作成

ログインした状態で、こちらのページに行くと作成できるので作成。 https://app.pinata.cloud/gateway

作成したgatewayのdomainをNEXT_PUBLIC_PINATA_GATEWAYにセット

3. アップロードようのAPI KEYを作成

ログインした状態で、こちらのページに行くと作成できるので作成。 https://app.pinata.cloud/developers/api-keys

それぞれ必要な環境変数にセット

adminにチェックを入れるのをわすれずに