React app example implementing Stripe Connect using Next.js and React Final Form.
If you are interested to implement Stripe Connect in your app, you should take a look at this example. Using tokens have some benefits. Tokens are the recommended way because they are the safest way to work. The links below could be very useful to understand everything better about tokens.
This app example will implement:
- Account tokens
- Bank account tokens
- PII (Personally Identifiable Information) tokens
- File uploads for identity documents
In addition, it is a good opportunity to master and see a more complex use case about handling forms with React Final Form.
- Conditional fields
- Reusable field groups
- Array of fields (additional owners)
- Usage of different fields (input, select, etc)
- Rendering dynamic fields (based in countries and legal entity types)
- Validation
Read more about account tokens on the official Stripe Docs.
- Collect legal entity details
- Indicating acceptance of the Stripe Connected Account Agreement (only when creating a Stripe connected account)
The process is very easy to understand:
- Collect the necessary information
- Send it to Stripe
- Stripe returns a token for that information
- Send the token to your server
- Create or update the Stripe connected account in your server side
Collect bank account details as payout methods.
TODO