Introduction

Welcome to Pay4SaaS — a payment and consumption system built on Next.js. From checkout to credit deduction, every webhook is handled.

Just configure, run SQL, and deploy to Vercel — you'll have a full payment system with 4 pricing models, 4 payment providers, and bilingual support.

What You Get

• 11 database tables — Users, subscriptions, credits, webhooks, and more, with indexes and RLS security policies
• 4 payment integrations — Stripe, PayPal, Creem, and Alipay — just configure, no extra code, with webhook handling + signature verification
• 4 pricing models — Credits, unlimited subscription, quota subscription, and lifetime — switch with one environment variable
• Full consumption layer — Access control, credit deduction, and quota management, with frontend Hooks + backend APIs
• Landing page + blog + user dashboard — All included
• Bilingual + multi-currency — Auto-switching
• Continuous updates — Pushed via GitHub repo

Scope of This Documentation

This documentation covers the configuration, deployment, and usage of Pay4SaaS. For underlying technologies (Next.js, Supabase, Stripe, etc.), we provide links to their official documentation rather than duplicating their guides.

This documentation assumes you are familiar with the basics of Next.js, React, and TypeScript.

Tech Stack

• Next.js 16 + React 19 — App Router
• TypeScript — Type safety
• Tailwind CSS — Styling
• Supabase — Database and authentication
• Fumadocs — Documentation system

Getting Help

• Browse the sidebar navigation
• Contact us via email: cloudballball@gmail.com

Next Steps

1. Get Supabase Database Configuration
2. Configure Google OAuth or GitHub OAuth
3. Choose a Pricing Model → Configure payment providers (Stripe / PayPal / Creem / Alipay)
4. Access Control → Credits Consumption