it works

Author: deadcoder0904

.gitignore

@@ -28,6 +28,8 @@ yarn-error.log*
 # local env files
 .env*.local
 .env
+.env.development
+.env.local
 
 # vercel
 .vercel

README.md

@@ -2,13 +2,15 @@
 
 ## Usage
 
+Install [Node.js](https://nodejs.org/) and [pnpm](https://pnpm.io/).
+
 Use [clovyr.app](https://clovyr.app/)'s free plan (7-day free trial) for [testing BTCPayServer](https://clovyr.app/apps/btcpayserver).
 
 After testing, you can use Lunanode or [Voltage Cloud's hosted BTCPayServer](https://www.youtube.com/playlist?list=PLuMtKGSqizH2sxmKdy52gdbqSVKkyLX-t) Plan for $8/month or buy a VPS from Kyun Host ($16/month) to self-host it yourself using [btcpayserver-docker](https://github.com/btcpayserver/btcpayserver-docker).
 
-Use [Sparrow Wallet](https://bitcoiner.guide/sparrow/) to test Bitcoin Payments using [testnet](https://www.youtube.com/watch?v=7JJkLW4SHKQ).
+Use [Sparrow Wallet](https://bitcoiner.guide/sparrow/) to test Bitcoin Payments using [testnet](https://www.youtube.com/watch?v=7JJkLW4SHKQ) with [bitcoin testnet faucet](https://coinfaucet.eu/en/btc-testnet/).
 
-### .env
+### .env.development
 
 ```bash
 NODE_ENV=development
@@ -29,6 +31,6 @@ NEXT_PUBLIC_EBOOK_PRICE=57
 NEXT_TELEMETRY_DISABLED=1
 ```
 
-Run `pnpm dev` in one terminal and `pnpm ngrok:listen` in another terminal. `ngrok` is needed for webhooks as webhooks don't work on http, they need https.
+Run `pnpm dev` (or `pnpm turbo`) in one terminal and `pnpm ngrok:listen` in another terminal. `ngrok` is needed for webhooks as webhooks don't work on http, they need https.
 
 > Make sure to set up [ngrok](https://ngrok.com) with [static domain](https://ngrok.com/blog-post/free-static-domains-ngrok-users).

package.json

@@ -4,6 +4,7 @@
   "private": true,
   "scripts": {
     "dev": "next dev",
+    "turbo": "next dev --turbo",
     "build": "next build",
     "start": "next start",
     "lint": "next lint",
@@ -13,20 +14,20 @@
   "dependencies": {
     "@paralleldrive/cuid2": "^2.2.2",
     "next": "14.0.4",
-    "react": "^18",
-    "react-dom": "^18",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "valibot": "^0.25.0"
   },
   "devDependencies": {
-    "@types/node": "^20",
-    "@types/react": "^18",
-    "@types/react-dom": "^18",
-    "autoprefixer": "^10.0.1",
-    "eslint": "^8",
+    "@types/node": "^20.10.6",
+    "@types/react": "^18.2.46",
+    "@types/react-dom": "^18.2.18",
+    "autoprefixer": "^10.4.16",
+    "eslint": "^8.56.0",
     "eslint-config-next": "14.0.4",
-    "postcss": "^8",
+    "postcss": "^8.4.32",
     "rimraf": "^5.0.5",
-    "tailwindcss": "^3.3.0",
-    "typescript": "^5"
+    "tailwindcss": "^3.4.0",
+    "typescript": "^5.3.3"
   }
 }

pnpm-lock.yaml

@@ -13,6 +13,16 @@ export const POST = async (request: NextRequest, response: NextResponse) => {
   const req = await request.json()
   console.info('🏁 POST /api/btcpayserver/checkout/route')
 
+  if (
+    typeof BASE_URL === 'undefined' ||
+    typeof EBOOK_PRICE === 'undefined' ||
+    typeof BTCPAY_API_KEY === 'undefined' ||
+    typeof BTCPAY_STORE_ID === 'undefined' ||
+    typeof BTCPAY_URL === 'undefined'
+  ) {
+    throw new Error('Env variables are not defined')
+  }
+
   const btcpayserverSchema = object({
     email: string([email()]),
   })
@@ -21,6 +31,7 @@ export const POST = async (request: NextRequest, response: NextResponse) => {
 
   const project_name = 'BTC Ebook'
   const amount = ((EBOOK_PRICE || 97) as number) - 20
+  const currency = 'USD'
 
   try {
     const { email } = parse(btcpayserverSchema, req)
@@ -29,7 +40,6 @@ export const POST = async (request: NextRequest, response: NextResponse) => {
       orderId: createId(),
       project_name,
       buyerEmail: email,
-      amount,
     }
 
     const response = await fetch(
@@ -48,7 +58,7 @@ export const POST = async (request: NextRequest, response: NextResponse) => {
         body: JSON.stringify({
           amount,
           email,
-          currency: 'USD',
+          currency,
           metadata,
           checkout: { redirectURL },
         }),