[React] Stripe

gistfile1.txt

import "./styles.css";
import Stripe from "stripe";

const lineItems = [
  {
    price: "price_123",
    quantity: 1,
  },
];

export default function App() {
  const handleCheckout = async () => {
    const stripe = new Stripe("secret_123", {
      apiVersion: "2023-10-16",
    });
    const checkoutSession = await stripe.checkout.sessions.create({
      payment_method_types: ["card"],
      line_items: lineItems,
      mode: "payment",
      success_url: "http://localhost:5173/success",
      cancel_url: "http://localhost:5173/cancel",
    });

    window.location.href = checkoutSession.url;
  };

  return (
    <div className="App">
      <button onClick={handleCheckout}>Checkout</button>
    </div>
  );
}

-----------------------------
https://docs.stripe.com/keys
https://docs.stripe.com/api/products/create
https://docs.stripe.com/api/prices/create
https://docs.stripe.com/api/checkout/sessions/create