@payai/x402-next-starter 0.1.1

package/template/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "next-example",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "format": "prettier -c .prettierrc --write \"**/*.{ts,js,cjs,json,md}\"",
+    "format:check": "prettier -c .prettierrc --check \"**/*.{ts,js,cjs,json,md}\"",
+    "lint": "eslint . --ext .ts --fix",
+    "lint:check": "eslint . --ext .ts"
+  },
+  "dependencies": {
+    "@heroicons/react": "^2.2.0",
+    "next": "^15.2.4",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "viem": "^2.21.26",
+    "x402-next": "^0.6.5",
+    "@coinbase/x402": "workspace:*"
+  },
+  "devDependencies": {
+    "@svgr/webpack": "^8.1.0",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "@eslint/js": "^9.24.0",
+    "eslint": "^9.24.0",
+    "eslint-plugin-jsdoc": "^50.6.9",
+    "eslint-plugin-prettier": "^5.2.6",
+    "@typescript-eslint/eslint-plugin": "^8.29.1",
+    "@typescript-eslint/parser": "^8.29.1",
+    "eslint-plugin-import": "^2.31.0",
+    "prettier": "3.5.2",
+    "eslint-config-next": "15.1.7",
+    "postcss": "^8",
+    "tailwindcss": "^3.4.1",
+    "typescript": "^5"
+  }
+}

package/template/postcss.config.mjs

@@ -0,0 +1,8 @@
+/** @type {import('postcss-load-config').Config} */
+const config = {
+  plugins: {
+    tailwindcss: {},
+  },
+};
+
+export default config;

package/template/public/favicon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" width="29" height="32" viewBox="0 0 29 32"><image width="29" height="32" xlink:href="data:image/png;base64,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"></image><style>@media (prefers-color-scheme: light) { :root { filter: none; } }
+@media (prefers-color-scheme: dark) { :root { filter: contrast(0.9090909090909091) brightness(1.5); } }
+</style></svg>

package/template/public/site.webmanifest

@@ -0,0 +1,21 @@
+{
+  "name": "x402.org",
+  "short_name": "x402",
+  "icons": [
+    {
+      "src": "/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}

package/template/tailwind.config.ts

@@ -0,0 +1,18 @@
+import type { Config } from "tailwindcss";
+
+export default {
+  content: [
+    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
+    "./components/**/*.{js,ts,jsx,tsx,mdx}",
+    "./app/**/*.{js,ts,jsx,tsx,mdx}",
+  ],
+  theme: {
+    extend: {
+      colors: {
+        background: "var(--background)",
+        foreground: "var(--foreground)",
+      },
+    },
+  },
+  plugins: [],
+} satisfies Config;

package/template/tsconfig.json

@@ -0,0 +1,27 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./*"]
+    }
+  },
+  "include": ["types/video.d.ts", "next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules"]
+}

package/template/types/svg.d.ts

@@ -0,0 +1,5 @@
+declare module "*.svg" {
+  import React from "react";
+  const SVG: React.FC<React.SVGProps<SVGSVGElement>>;
+  export default SVG;
+}