Accept a payment with a Remix application

In this video, you'll learn how to add a custom form to a Remix application to accept a one time payment with react-stripe-js. We'll start from npx create-remix and show how to set environment variables for your Stripe API keys, how to configure the Elements provider, and ultimately the PaymentElement in order to accept a one-time payment.We'll use remix loaders to make server side API calls to Stripe, and the react-stripe-js components to render Elements.

### Presenter
CJ Avilla - Developer Advocate at Stripe - https://twitter.com/cjav_dev

### Table of contents
00:00 Introduction
00:23 Installing Remix and getting an app running
01:36 Installing libraries
02:20 Configure routes
04:00 Configure elements
05:21 Configure an outlet
07:04 Rendering a payment form with the Form component
20:25 Conclusion


### Resources
Remix: https://remix.run/
Stripe webhooks: https://stripe.com/docs/webhooks/signatures
Code: https://github.com/cjavilla-stripe/remix-stripe-sample
Remix resource routes: https://remix.run/docs/en/v1/guides/resource-routes

### Support
If you have a question, please feel free to reach out to our support team on Discord at https://stripe.com/go/developer-chat

### Updates
Sign up to stay updated with developer news: https://go.stripe.global/dev-digest
### Feedback
If you have any feedback about this or other episodes, let us know: https://forms.gle/VjNqzRhotM2snYo88
#Stripe #Payments