什麼是 stripe-shop-integration？
針對 React 商店的全面 Stripe 電子商務整合（Vite 或 Next.js）。在建立線上商店、支付系統、結帳流程或整合 Stripe 付款時使用。涵蓋客戶端設定、伺服器端 API、網路鉤子、購物車系統和英國英鎊配置。 來源：websmartteam/cor-code。
·stripe-shop-integration
</>
stripe-shop-integration
✓針對 React 商店的全面 Stripe 電子商務整合（Vite 或 Next.js）。在建立線上商店、支付系統、結帳流程或整合 Stripe 付款時使用。涵蓋客戶端設定、伺服器端 API、網路鉤子、購物車系統和英國英鎊配置。
如何安裝 stripe-shop-integration
透過命令列快速安裝 stripe-shop-integration AI 技能到你的開發環境
- 開啟終端機: 開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等）
- 執行安裝指令: 複製並執行以下指令：npx skills add https://github.com/websmartteam/cor-code --skill stripe-shop-integration
- 驗證安裝: 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
來源：websmartteam/cor-code。
SKILL.md
查看原文Production-tested patterns for integrating Stripe payments into React e-commerce applications with Supabase backend. Supports both Vite and Next.js. All examples use UK GBP currency and follow enterprise security standards.
| Framework | API Routes | Environment Variables | Server Components |
| Vite + Vercel | api/.ts (Vercel functions) | import.meta.env.VITE | No (CSR only) | | Next.js App Router | app/api//route.ts | process.env. | Yes (RSC) | | Next.js Pages Router | pages/api/.ts | process.env. | No |
針對 React 商店的全面 Stripe 電子商務整合（Vite 或 Next.js）。在建立線上商店、支付系統、結帳流程或整合 Stripe 付款時使用。涵蓋客戶端設定、伺服器端 API、網路鉤子、購物車系統和英國英鎊配置。 來源：websmartteam/cor-code。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/websmartteam/cor-code --skill stripe-shop-integration- 分類
- </>開發工具
- 認證
- ✓
- 收錄時間
- 2026-02-25
- 更新時間
- 2026-03-11
快速解答
如何安裝 stripe-shop-integration？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/websmartteam/cor-code --skill stripe-shop-integration 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
這個 Skill 的原始碼在哪？
https://github.com/websmartteam/cor-code