Introduction

Learn about Flowglad’s SDK ecosystem and choose the right package for your application

Welcome

Flowglad provides a comprehensive suite of SDKs to integrate billing, subscriptions, and payments into your applications. Our SDKs are designed to work seamlessly with popular frameworks while providing flexibility for custom implementations.

Getting Started

New to Flowglad? Start with our Quickstart Guide for a step-by-step walkthrough of setting up Flowglad in your NextJS application, or read on to learn more about the SDK features and capabilities.

Features

Pricing Models & Products

Display your products and pricing models to help customers discover offerings.

Checkout Sessions

Create frictionless checkout sessions with Flowglad-hosted flows.

Feature Access & Usage

Check feature entitlements and track usage balances to power gated or usage-based products.

Customer Purchases

Retrieve a customer’s purchases and active subscriptions to personalize in-app experiences.

Subscription Management

Manage subscriptions end-to-end: create, cancel, activate.

Available SDKs

Next.js SDK

Official SDK for Next.js applications with App Router and Pages Router support

React SDK

React components and hooks for client-side billing management

Server SDK

Core server-side SDK for any Node.js application

Choosing the Right SDK

For Next.js Applications

Use @flowglad/nextjs - it includes everything you need:

• Server-side utilities for Flowglad API routes and direct server methods
• Client-side React context for managing billing and subscription data
• Support for both App Router and Pages Router

For Other React Frameworks

Use @flowglad/react + @flowglad/server:

• @flowglad/react handles billing and subscription state in your React frontend
• @flowglad/server provides the Flowglad server instance your frontend communicates with

For Express Backends

Use @flowglad/server with the /express subpath:

• @flowglad/server/express provides Express router for Flowglad REST endpoints

For Other Node.js Backends

Use @flowglad/server directly for maximum flexibility

Quick Installation

Next.js

bun add @flowglad/nextjs

NPM Packages

All Flowglad SDKs are available on NPM:

• @flowglad/nextjs
• @flowglad/react
• @flowglad/server (includes Express utilities via /express subpath)

Example Projects

Looking for a complete example? Check out our example projects:

• Generation-based Subscription - Next.js app with authentication and billing, demonstrating a pricing model with subscription, single-payment, and usage (examples/generation-based-subscription)
• Tiered Usage-Gated Subscription - Tiered subscription plans with usage limits and feature access by tier (examples/tiered-usage-gated-subscription)
• Usage Limit Subscription - Hybrid subscription + usage model with monthly credits and overage billing (examples/usage-limit-subscription)

Next Steps

Setup

Walk through framework-specific setup for Next.js and React

Browse Examples

See complete code examples and patterns