Add Subscription Billing to Next.js

# Install

npm install paylio @paylio/react

// app/api/subscription/route.ts

import Paylio from "paylio";

const paylio = new Paylio(process.env.PAYLIO_SECRET_KEY!);

export async function GET(req: Request) {
  const { searchParams } = new URL(req.url);
  const userId = searchParams.get("userId");
  const sub = await paylio.getSubscription(userId!);
  return Response.json(sub);
}

// app/pricing/page.tsx

"use client";
import { PaylioPricingGrid } from "@paylio/react";

export default function PricingPage() {
  return (
    <PaylioPricingGrid
      publishableKey="pk_live_xxx"
      userId="user_123"
    />
  );
}