メインコンテンツへスキップ
サンプルアプリに戻る

Solana トークン・ミンター

The Solana Token Minter app allows you to create fungible tokens on the Solana blockchain with built-in support for IPFS image uploads.

アイコンの展開
アプリをデプロイする
GitHubのアイコン
リポジトリを表示
フロントエンドフレームワーク／ライブラリ：
React/Next.js
言語：
TypeScript
ビルドツール／開発サーバー：
Next.js
サンプルアプリのプレビュー

概要

The Solana Token Minter app allows you to create fungible tokens on the Solana blockchain with built-in support for IPFS image uploads using Quicknode's IPFS API. Simply upload an image for your token metadata, fill out the token details, and connect your wallet. Click "Mint" to upload your metadata to IPFS and mint your token seamlessly.

This app uses Next.js 14 以下のツールを使って立ち上げたプロジェクト create-next-app.

はじめに

依存関係をインストールする​

プロジェクトディレクトリを開きます：

cd sample-dapps/solana-token-maker

次に、依存関係をインストールします：

npm install
# または
yarn
# または
pnpm install
# または
bun install

環境変数の設定​

Quicknodeのエンドポイントを必ず手元に用意しておいてください。こちらから無料で取得できます。


  • 名前を変更 .env.example ～へ .env.local and update with your Quicknode Solana Node Endpoint and Quicknode IPFS key.
  • Make sure to update the cluster to ensure your transaction URLs point to the correct explorer (use only of the enum values provided in the .env.example file).
  • You can use Quicknode's public IPFS Gateway URL or replace it with your own.
QN_IPFS_API=QN_abc123456789xyz_REPLACE_THIS
QN_ENDPOINT=https://example.solana-mainnet.quiknode.pro/123456
NEXT_PUBLIC_CLUSTER=mainnet-beta # mainnet-beta | devnet | testnet | local
NEXT_PUBLIC_GATEWAY_URL=https://quicknode.quicknode-ipfs.com/ipfs/

まず、開発サーバーを起動します：

npm run dev
# または
yarn dev
# または
pnpm dev
# または
bun dev

ブラウザでhttp://localhost:3000を開くと、結果を確認できます。

Dappの利用方法


  1. Upload an Image (this will be used for your token metadata)
  2. Fill out the form with the token details
  3. Connect your wallet
    • Make sure you have ~0.04 SOL in your wallet to cover the new account fees
    • If you are using Devnet, you can get free SOL from the Solana Faucet
  4. Click "Mint" to upload your image and metadata to IPFS and mint your token!

建築​

src/
├── app/
│   ├── page.tsx
│   └── layout.tsx
│   └── api/
│       └── solana/
│           └── createMintTx/route.ts   # Create New Mint Transaction   
│           └── sendAndConfirm/route.ts # Send and Confirm Transaction
│       └── upload/
│           └── image/route.ts  # IPFS Image Upload
│           └── json/route.ts   # IPFS JSON Upload
└── components/
    ├── SolanaProviders.tsx     # Wallet Adapter Context providers
    ├── Minter.tsx              # Main component
    └── [supporting components]

Vercelへのデプロイ

Vercel でのデプロイ

Next.js ドキュメント

Next.js についてさらに詳しく知りたい場合は、以下のリソースをご覧ください：


Next.jsのGitHubリポジトリをご覧ください。皆様からのフィードバックや貢献を歓迎します！

投稿とフィードバック
皆様からのご意見をお待ちしております。また、このサンプルアプリへのご協力も大歓迎です！
問題の報告やフィードバックをお寄せいただくには、GitHubのイシューを qn-ガイド-例 リポジトリ。
投稿するには、以下の手順に従ってください：
  1. リポジトリをフォークする
  2. フィーチャーブランチを作成する：
    git checkout -b feature/amazing-feature
  3. 変更内容をコミットします：
    git commit -m "素晴らしい機能を追加"
  4. ブランチをプッシュしてください：
    git push origin feature/amazing-feature
  5. プルリクエストを作成してください。
その他のサンプルアプリを見る
タイタン・メタアグリゲーション・スワップ
Titan GatewayのMeta-Aggregation APIを基盤として構築され、Quicknodeを通じて提供される、1ページ構成のSolanaスワップUIです。競合するプロバイダーの相場、ルートが経由するオンチェーン取引所、およびQuicknode RPCを介してトランザクションが確認される自己管理型の「作成→署名→送信」フローを表示します。
タイタン・メタアグリゲーション・スワップ
Solana ウォレットエクスプローラー
このアプリケーションは、QuicknodeのSolanaエンドポイントを活用して、Solanaブロックチェーン上の指定されたウォレットのトークン残高、取引履歴、およびNFTを取得します。
Solana ウォレットエクスプローラー
ソラナ アクション・ブリンカー
このアプリケーションでは、SolanaアクションのURLを解析して対応するアクションに変換することで、Solanaアクションの作成や操作を行うことができます。有効なアクションURLを入力して詳細を確認したり、ウォレットを接続してアクションを実行したり、提供されている構造に基づいて新しいアクションを作成したりすることができます。
ソラナ アクション・ブリンカー