nft checkout example

nft-stripe-checkout/.env.example

@@ -0,0 +1,4 @@
+NEXT_PUBLIC_NFT_CONTRACT_ADDRESS="stripeteststore.mintspace2.testnet"
+NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=""
+NEXT_PUBLIC_MINTBASE_WALLET_URL="https://testnet.wallet.mintbase.xyz"
+NEXT_PUBLIC_NETWORK="testnet"

nft-stripe-checkout/.gitignore

@@ -0,0 +1,2 @@
+node_modules
+.next

nft-stripe-checkout/README.md

@@ -0,0 +1,11 @@
+## Get in touch
+
+- Support: [Join the Telegram](https://tg.me/mintdev)
+- Twitter: [@mintbase](https://twitter.com/mintbase)
+
+
+---
+
+
+1. Deploy a mintbase contract
+2. Add `mintbus.testnet` as a minter to that contract

nft-stripe-checkout/next-env.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

nft-stripe-checkout/next.config.js

@@ -0,0 +1,18 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  webpack(config) {
+    // eslint-disable-next-line no-param-reassign
+    config.resolve.fallback = {
+      ...config.resolve.fallback,
+      fs: false, // https://stackoverflow.com/a/67478653/470749
+    };
+
+    return config;
+  },
+
+  experimental: {
+    webpackBuildWorker: true,
+  },
+};
+
+module.exports = nextConfig;

nft-stripe-checkout/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "engine-nft-checkout",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint"
+  },
+  "dependencies": {
+    "@mintbase-js/data": "0.5.0-beta.2",
+    "@mintbase-js/react": "0.5.0-beta.2",
+    "@mintbase-js/rpc": "0.5.0-beta.2",
+    "@mintbase-js/sdk": "0.5.0-beta.2",
+    "@mintbase-js/storage": "0.5.0-beta.2",
+    "@near-js/accounts": "^0.1.4",
+    "@stripe/react-stripe-js": "^2.3.1",
+    "@stripe/stripe-js": "^2.1.10",
+    "ethers": "^5",
+    "near-api-js": "^2.1.4",
+    "next": "^14",
+    "react": "^18.2",
+    "react-dom": "^18.2",
+    "stripe": "^14.2.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "autoprefixer": "^10.0.1",
+    "eslint": "^8",
+    "eslint-config-next": "14.0.1",
+    "postcss": "^8",
+    "tailwindcss": "^3.3.0",
+    "typescript": "^5"
+  }
+}