This example illustrates the creation of a straightforward minting landing page with pre-defined metadata.
@@ -8,32 +9,31 @@ This example illustrates the creation of a straightforward minting landing page
**Tooling:**
[](#)
-[](#)
+[](#)
[](#)
**Author:**
-[](https://twitter.com/Surge_Code) [](https://www.mintbase.xyz)
-
+[](https://twitter.com/Surge_Code) [](https://www.bitte.ai)
## Project Walkthrough
- Users can connect or create a wallet to initiate the minting process. Additionally, an option is available to generate an account that will be automatically imported into the Mintbase wallet, complete with the corresponding NFT.
+Users can connect or create a wallet to initiate the minting process. Additionally, an option is available to generate an account that will be automatically imported into the Bitte wallet, complete with the corresponding NFT.
-The project is separated into two portions, the first one creates a wallet, server mints into it and then auto imports it. The alternate one deeplinks to a minting transaction on mintbase wallet.
-
-*NOTE: As a standard on Mintbase as we use the latest versions of Next.js we recommend using pnpm, but the package manager is up to your personal choice.*
+The project is separated into two portions, the first one creates a wallet, server mints into it and then auto imports it. The alternate one deeplinks to a minting transaction on Bitte wallet.
+_NOTE: As a standard on Bitte as we use the latest versions of Next.js we recommend using pnpm, but the package manager is up to your personal choice._
## Pre-Setup - Proxy Contract
-- You need to have a NEAR Contract where you add a proxy contract as a minter.
-- The proxy contract enables non-minter users to mint images on your contract.
-- The Near Contract will be where the NFT images will be minted.
-- The proxy contract will be the minter.
-- The user wallet address will be the owner of the NFT.
+- You need to have a NEAR Contract where you add a proxy contract as a minter.
+- The proxy contract enables non-minter users to mint images on your contract.
+- The Near Contract will be where the NFT images will be minted.
+- The proxy contract will be the minter.
+- The user wallet address will be the owner of the NFT.
### Deploying a Near Contract on Mintbase:
+
1. Login on Mintbase and access [Contracts Page](https://www.mintbase.xyz/launchpad/contracts/0)
2. Click on New Contract
3. Choose Store Name (this will be the contract address to add on your minsta instance, this need to be added on the `process.env.NEXT_PUBLIC_NFT_CONTRACT_ADDRESS` environment variable) and Store Symbol
@@ -42,13 +42,14 @@ The project is separated into two portions, the first one creates a wallet, serv
6. Go to Contract Settings
### Add Proxy Minter Contract
+
1. Under Contract Settings go to Minters
2. add `0.drop.proxy.mintbase.near` (this is the contract address that need to be added on `process.env.NEXT_PUBLIC_PROXY_MINTER_CONTRACT_ADDRESS`), and click Add Minters.
3. Proceed to transaction.
4. Succeeded
-
## Run the project
+
pnpm i
pnpm run dev
@@ -79,16 +80,18 @@ export const serverMint = async (): Promise
diff --git a/simple-token-drop/package.json b/simple-token-drop/package.json
index 368c4c3..49f8ab7 100644
--- a/simple-token-drop/package.json
+++ b/simple-token-drop/package.json
@@ -1,9 +1,9 @@
{
- "name": "Mintbase-Templates-Simple-Token-Drop",
+ "name": "Bitte-Templates-Simple-Token-Drop",
"version": "0.1.0",
"keywords": [
"templates",
- "mintbase",
+ "bitte",
"web3",
"nextjs",
"react",
@@ -12,8 +12,8 @@
"nft"
],
"repository": "https://github.com/mintbase/templates.git",
- "homepage": "https;//templates.mintbase.xyz/simple-token-drop",
- "author": "Mintbase Team
@@ -37,5 +34,3 @@ export default function Home() {
);
}
-
-
diff --git a/simple-token-drop/src/app/serverMint.ts b/simple-token-drop/src/app/serverMint.ts
index 4c989b9..b1e6cfe 100644
--- a/simple-token-drop/src/app/serverMint.ts
+++ b/simple-token-drop/src/app/serverMint.ts
@@ -1,72 +1,90 @@
-'use server'
+"use server";
import { Account, KeyPair, InMemorySigner } from "near-api-js";
import { InMemoryKeyStore } from "near-api-js/lib/key_stores";
-import { FinalExecutionOutcome, JsonRpcProvider } from "near-api-js/lib/providers";
+import {
+ FinalExecutionOutcome,
+ JsonRpcProvider,
+} from "near-api-js/lib/providers";
import BN from "bn.js";
-import { MintArgsResponse, NearContractCall, execute, mint } from "@mintbase-js/sdk"
-import { redirect } from 'next/navigation'
-import { NETWORK, SERVER_WALLET_ID, SERVER_WALLET_PK, WALLET_AUTO_IMPORT_URL, NFT_CONTRACT, MEDIA_URL, REFERENCE_URL } from "./constants";
-
+import { NearContractCall, execute, mint } from "@mintbase-js/sdk";
+import { MintArgsV1Response } from "@mintbase-js/sdk";
+import { redirect } from "next/navigation";
+import {
+ NETWORK,
+ SERVER_WALLET_ID,
+ SERVER_WALLET_PK,
+ WALLET_AUTO_IMPORT_URL,
+ NFT_CONTRACT,
+ MEDIA_URL,
+ REFERENCE_URL,
+} from "./constants";
export const serverMint = async (): Promise => {
-
- console.info("Server Action: Server Mint Called")
- //Create a new keypair, instantiate server wallet and create account with generated keypair
- const accountId = [...Array(7)].map(() => Math.random().toString(36)[2]).join('') + `.${SERVER_WALLET_ID}`;
- const newKeyPair = KeyPair.fromRandom('ed25519')
- const serverWallet: Account = await connect();
-
- await serverWallet.createAccount(accountId, newKeyPair.getPublicKey().toString(), new BN("0"))
-
- console.info("Server Action: Wallet created with account id: ", accountId)
- const mintArgs = await serverMintArgs(accountId)
- //Execute mint with server wallet
- await execute({ account: serverWallet }, mintArgs) as FinalExecutionOutcome
-
- console.info("Server Action: Executed mint with", mintArgs)
+ console.info("Server Action: Server Mint Called");
+ //Create a new keypair, instantiate server wallet and create account with generated keypair
+ const accountId =
+ [...Array(7)].map(() => Math.random().toString(36)[2]).join("") +
+ `.${SERVER_WALLET_ID}`;
+ const newKeyPair = KeyPair.fromRandom("ed25519");
+ const serverWallet: Account = await connect();
- //@ts-ignore
- redirect(`${WALLET_AUTO_IMPORT_URL}${accountId}/${newKeyPair.secretKey}`)
+ await serverWallet.createAccount(
+ accountId,
+ newKeyPair.getPublicKey().toString(),
+ new BN("0")
+ );
-}
+ console.info("Server Action: Wallet created with account id: ", accountId);
+ const mintArgs = await serverMintArgs(accountId);
+ //Execute mint with server wallet
+ (await execute({ account: serverWallet }, mintArgs)) as FinalExecutionOutcome;
+ console.info("Server Action: Executed mint with", mintArgs);
-export const connect = async (
-): Promise => {
- if (!SERVER_WALLET_ID || !SERVER_WALLET_PK) {
- throw ("SERVER_WALLET_ID or SERVER_WALLET_PK not defined in envs")
+ //@ts-ignore
+ redirect(`${WALLET_AUTO_IMPORT_URL}${accountId}/${newKeyPair.secretKey}`);
+};
- }
- const keyStore = new InMemoryKeyStore();
- await keyStore.setKey(NETWORK, SERVER_WALLET_ID, KeyPair.fromString(SERVER_WALLET_PK));
+export const connect = async (): Promise => {
+ if (!SERVER_WALLET_ID || !SERVER_WALLET_PK) {
+ throw "SERVER_WALLET_ID or SERVER_WALLET_PK not defined in envs";
+ }
+ const keyStore = new InMemoryKeyStore();
+ await keyStore.setKey(
+ NETWORK,
+ SERVER_WALLET_ID,
+ KeyPair.fromString(SERVER_WALLET_PK)
+ );
- const provider = new JsonRpcProvider({
- url: `https://rpc.${NETWORK}.near.org`,
- });
+ const provider = new JsonRpcProvider({
+ url: `https://rpc.${NETWORK}.near.org`,
+ });
- const signer = new InMemorySigner(keyStore);
+ const signer = new InMemorySigner(keyStore);
- const account = new Account(
- {
- networkId: NETWORK,
- provider,
- signer,
- jsvmAccountId: "",
- },
- SERVER_WALLET_ID
- );
+ const account = new Account(
+ {
+ networkId: NETWORK,
+ provider,
+ signer,
+ jsvmAccountId: "",
+ },
+ SERVER_WALLET_ID
+ );
- return account;
+ return account;
};
-export const serverMintArgs = (accountId: string): NearContractCall => {
- return mint({
- contractAddress: NFT_CONTRACT,
- ownerId: accountId,
- metadata: {
- media: MEDIA_URL,
- reference: REFERENCE_URL
- }
- })
-}
+export const serverMintArgs = (
+ accountId: string
+): NearContractCall => {
+ return mint({
+ contractAddress: NFT_CONTRACT,
+ ownerId: accountId,
+ metadata: {
+ media: MEDIA_URL,
+ reference: REFERENCE_URL,
+ },
+ });
+};
diff --git a/simple-token-drop/src/components/Social.tsx b/simple-token-drop/src/components/Social.tsx
index cc1ca31..de55c48 100644
--- a/simple-token-drop/src/components/Social.tsx
+++ b/simple-token-drop/src/components/Social.tsx
@@ -15,8 +15,8 @@ import {
} from "react-share";
export const SocialMedias = () => {
- const url = 'https://token-drop-template.mintbase.xyz/';
- const title = "Mintbase Templates - Token Drop";
+ const url = "https://token-drop-template.mintbase.xyz/";
+ const title = "Bitte Templates - Token Drop";
return (