lucidstudio

Payments

Stripe integration

Payments, subscriptions, checkout.

stripe.com ↗Vendor developer docs ↗

What Lucid will wire up

  • Environment variables added to .env.example: STRIPE_SECRET_KEY, STRIPE_WEBHOOK_SECRET, NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY.
  • Server helper generated at src/lib/stripe.ts with a typed client factory + error boundaries.
  • Connected-account card placed in the app’s /settings page so users can rotate keys without leaving the app.
  • Webhook handler at /api/webhooks/stripe with signature verification + idempotency keys.

Before you generate

  1. Create an account at stripe.com.
  2. Generate the API key(s) above from the vendor’s dashboard. Lucid only ever reads these values — we never persist them on our side.
  3. Paste them into the .env.local file in your generated project before running pnpm dev.

Full guide coming soon

We’re writing a hand-authored guide for every available integration. This page is generated from the catalog so the basics are accurate; the vendor-specific walkthrough lands as soon as we finish documenting each one.

Vendor docs ↗All integrations