/next-stripe-checkout

Accepting payments using stripe

Primary LanguageJavaScript

React Stripe.js Walkthrough

donut-shop

Getting Started

  • clone this repo locally by clicking on "Clone or Download"
  • from a terminal, cd into the project folder cd demo-react-stripe-js
  • checkout the getting started branch git checkout getting-started
  • install the dependencies npm install
  • start developing! npm run dev

Eventual Requirements

  • you will need to sign up for a Stripe account if you haven't already: stripe.com/register
  • you will need to add your account's secret key and publishable key to the next.config.js file

Credit Card Input Design Requirements

  • the behavior, look and feel of the app should match the gif exactly
  • text color: #fff
  • font size: 16px
  • placeholder text color: #87bbfd
  • invalid text color: #FFC7EE