【文件属性】：
文件名称：nextjs-typescript-react-stripe-js:使用Next.js，react-stripe-js和stripe-node的全栈TypeScript示例
文件大小：4.6MB
文件格式：ZIP
更新时间：2021-05-09 08:58:52
typescript stripe-checkout stripe-elements react-stripe-js TypeScript
使用Next.js，TypeScript和react-stripe-js的示例 :locked: :money_with_wings:
这是使用以下内容的完整堆栈TypeScript示例：
前端：
Next.js和
用于和
后端
Next.js
演示版
现场演示： :
CodeSandbox： ：//codesandbox.io/s/github/stripe-samples/nextjs-typescript-react-stripe-js
教程： ：
该演示正在测试模式下运行-使用4242424242424242作为具有任何CVC +未来到期日期的测试卡号。
使用4000000000003220测试卡号触发3D安全质询流程。
在上了解有关在Stripe上进行测试的更多信息。
购物车结帐演示 结帐捐赠演示 元素捐赠演示
自己部署
一旦可以从Stripe仪表板访问所需的环境变量，请使用Vercel部署
【文件预览】：
nextjs-typescript-react-stripe-js-master
----config()
--------index.ts(278B)
----package.json(808B)
----data()
--------products.json(681B)
----.env.local.example(203B)
----LICENSE(1KB)
----pages()
--------donate-with-checkout.tsx(455B)
--------api()
--------result.tsx(1KB)
--------_app.tsx(176B)
--------use-shopping-cart.tsx(716B)
--------donate-with-elements.tsx(623B)
--------index.tsx(1KB)
----tsconfig.json(484B)
----styles.css(5KB)
----next-env.d.ts(75B)
----.gitignore(101B)
----components()
--------CartSummary.tsx(2KB)
--------Cart.tsx(402B)
--------Products.tsx(1KB)
--------ClearCart.tsx(250B)
--------CheckoutForm.tsx(2KB)
--------StripeTestCards.tsx(482B)
--------Layout.tsx(2KB)
--------PrintObject.tsx(253B)
--------CustomDonationInput.tsx(939B)
--------ElementsForm.tsx(5KB)
----public()
--------elements_demo.gif(1.44MB)
--------shopping_cart_demo.gif(1.37MB)
--------checkout-one-time-payments.svg(6KB)
--------use-shopping-cart.png(50KB)
--------logo.png(10KB)
--------elements-card-payment.svg(2KB)
--------checkout_demo.gif(1.54MB)
--------social_card.png(308KB)
----README.md(8KB)
----utils()
--------stripe-helpers.ts(762B)
--------api-helpers.ts(1KB)
--------get-stripejs.ts(363B)