init

Author: deadcoder0904

Diff for: .eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": "next/core-web-vitals"
+}

Diff for: .gitignore

@@ -0,0 +1,37 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+.yarn/install-state.gz
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+.env
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

Diff for: README.md

@@ -0,0 +1,34 @@
+## btcpayserver-nextjs
+
+## Usage
+
+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).
+
+### .env
+
+```bash
+NODE_ENV=development
+NEXT_PUBLIC_BASE_URL=http://localhost:3000
+
+# BTCPayServer Testnet Keys
+# Go to `Account > Manage Account > API Keys under Account Settings > Generate API Key > Give Permissions btcpay.store.canviewinvoices & btcpay.store.cancreateinvoice`
+BTCPAY_API_KEY=xxxx
+# Root URL in Web Browser suffixed with `/api/v1`
+BTCPAY_URL=<https-base-url-of-hosted-btcpayserver>/api/v1
+# Create Store (or select already existing Store) & go to `Settings` to find `Store ID` under `Store Settings > General`
+BTCPAY_STORE_ID=xxxx
+# Under `Settings > Store Settings > Webhooks` => Payload URL = http://localhost:3000/api/btcpayserver/webhook (replace http://localhost:3000 with ngrok url as localhost (specifically, http) won't work with webhooks) & Events > Send Me Everything
+BTCPAY_WEBHOOK_SECRET=xxxx
+
+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.
+
+> Make sure to set up [ngrok](https://ngrok.com) with [static domain](https://ngrok.com/blog-post/free-static-domains-ngrok-users).

Diff for: next.config.js

@@ -0,0 +1,4 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {}
+
+module.exports = nextConfig

Diff for: package.json

@@ -0,0 +1,32 @@
+{
+  "name": "btcpayserver-nextjs",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint",
+    "clean": "rimraf .next",
+    "ngrok:listen": "ngrok http --domain=early-kind-chimp.ngrok-free.app 3000"
+  },
+  "dependencies": {
+    "@paralleldrive/cuid2": "^2.2.2",
+    "next": "14.0.4",
+    "react": "^18",
+    "react-dom": "^18",
+    "valibot": "^0.25.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "autoprefixer": "^10.0.1",
+    "eslint": "^8",
+    "eslint-config-next": "14.0.4",
+    "postcss": "^8",
+    "rimraf": "^5.0.5",
+    "tailwindcss": "^3.3.0",
+    "typescript": "^5"
+  }
+}