Skills
.Work. You
Rest

flowglad-setup

Official

Set up Flowglad billing in your app quickly.

Software Engineering#react#sdk#setup#nextjs#billing#express#flowglad
Authorflowglad
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill streamlines installing and configuring the Flowglad SDK for Next.js, Express, and React applications, enabling billing integration with clear, repeatable steps.

Core Features & Use Cases

  • Framework-agnostic setup that detects your runtime (Next.js, Express, or React) and wires the correct provider, server factory, and API routes.
  • One-time or first-time setup guidance for installing packages, configuring environment variables, and wiring a per-customer Flowglad server instance.
  • Use case: Add Flowglad billing to a new app by creating a scoped server, a catch-all API route, and wrapping the app with FlowgladProvider.

Quick Start

  1. Install the packages: bun add @flowglad/nextjs @flowglad/react
  2. Create and configure a per-customer server factory (e.g., lib/flowglad.ts) with getCustomerDetails
  3. Add a catch-all API route (e.g., app/api/flowglad/[...path]/route.ts) using nextRouteHandler
  4. Wrap your app with FlowgladProvider in your layout (e.g., app/layout.tsx) and set FLOWGLAD_SECRET_KEY in .env.local

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: flowglad-setup
Download link: https://github.com/flowglad/skills/archive/main.zip#flowglad-setup

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.