跳转至主要内容
返回示例应用

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 project bootstrapped with create-next-app.

入门指南

Install Dependencies​

Open the project directory:

cd sample-dapps/solana-token-maker

Then, install the dependencies:

npm install
# or
yarn
# or
pnpm install
# or
bun install

Set Environment Variables​

Make sure you have a Quicknode endpoint handy--you can get one free here.


  • 重命名 .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/

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

Using the 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 Documentation

To learn more about Next.js, take a look at the following resources:


You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

投稿与反馈
我们非常期待收到您的反馈，并欢迎大家为本示例应用贡献力量！
如需报告问题或提供反馈，请在 qn-guide-示例 存储库。
如需贡献，请按照以下步骤操作：
  1. 分叉该仓库
  2. 创建一个功能分支：
    git checkout -b feature/amazing-feature
  3. 提交您的更改：
    git commit -m "添加超棒的功能"
  4. 推送您的分支：
    git push origin feature/amazing-feature
  5. 提交一个拉取请求。
探索更多示例应用
Titan 元聚合交换
一个基于Titan Gateway元聚合API构建的单页Solana 界面，通过Quicknode提供服务。该界面展示了各家提供商的报价、交易路径所经过的链上交易场所，以及一个自主托管式的“构建→签名→发送flow 交易通过Quicknode flow 确认。
Titan 元聚合交换
Solana 浏览器
该应用程序利用Quicknode Solana Endpoint Solana 上检索指定钱包的代币余额、交易记录和 NFT。
Solana 浏览器
Solana 转向灯
通过此应用程序，您可以将Solana URL 解析为相应的操作，从而创建并操作Solana 。输入有效的操作 URL 以查看其详细信息，连接您的钱包以执行操作，或使用提供的结构创建新操作。
Solana 转向灯