Install and configure the Flowglad SDK for Next.js, Express, and React apps.
npx skills add https://github.com/flowglad/skills --skill flowglad-setup
Please help me install this Agent Skill. Skill: flowglad-setup Source: https://github.com/flowglad/skills/tree/main/skills/setup Command: npx skills add https://github.com/flowglad/skills --skill flowglad-setup
This skill streamlines installing and configuring the Flowglad SDK for Next.js, Express, and React applications, enabling billing integration with clear, repeatable steps.
High-intent search queries and answers about installing and using this skill.
To set up billing in Next.js, install the SDK, create a per-customer server factory, add a catch-all API route using nextRouteHandler, and wrap your app with FlowgladProvider in your layout.
Configuring billing integration environment variables requires setting FLOWGLAD_SECRET_KEY in your .env.local file. This secret key authenticates your server-side requests to the billing provider.
Yes, the billing SDK supports Express, React, and Next.js. It provides a framework-detection flow that wires the correct provider, server factory, and API routes for your specific runtime environment.
A per-customer server factory for billing is a scoped server instance, typically defined in lib/flowglad.ts, that uses getCustomerDetails to manage individual customer billing contexts and route requests securely.
The best way to add billing to an app for the first time is installing the SDK packages, configuring environment variables, creating a scoped server, adding a catch-all API route, and wrapping the app with a billing provider.
You need a catch-all API route for billing setup to handle webhooks and API requests dynamically. Using nextRouteHandler in app/api/flowglad/[...path]/route.ts routes all billing traffic to the correct server logic.
vishalsachdevConfigure Supabase authentication, RLS, and clients for Next.js 13+ App Router.
JhabbigImplement Stripe checkout, subscriptions, and webhooks with PCI-compliant flows.
richardadonnellSubscribe to Trigger.dev task run statuses from frontend and backend applications.
camoneartEnforce PCI DSS compliance for payment card data handling.
