🧑‍💻 Use static pricing data (#1275)

.github/workflows/ci.yml

@@ -65,8 +65,6 @@ jobs:
 
       - name: Create production build
         run: yarn turbo build:test --filter=@rallly/web
-        env:
-          STRIPE_SECRET_KEY: ${{ secrets.STRIPE_SECRET_KEY }}
 
       - name: Start services
         run: yarn docker:up

apps/landing/src/pages/pricing.tsx

@@ -1,5 +1,4 @@
-import type { PricingData } from "@rallly/billing";
-import { getProPricing } from "@rallly/billing";
+import { pricingData } from "@rallly/billing/pricing";
 import { Badge } from "@rallly/ui/badge";
 import {
   BillingPlan,
@@ -49,7 +48,20 @@ export const UpgradeButton = ({
   );
 };
 
-const PriceTables = ({ pricingData }: { pricingData: PricingData }) => {
+const PriceTables = ({
+  pricingData,
+}: {
+  pricingData: {
+    monthly: {
+      amount: number;
+      currency: string;
+    };
+    yearly: {
+      amount: number;
+      currency: string;
+    };
+  };
+}) => {
   const [tab, setTab] = React.useState("yearly");
   return (
     <Tabs value={tab} onValueChange={setTab}>
@@ -278,9 +290,7 @@ const FAQ = () => {
   );
 };
 
-const Page: NextPageWithLayout<{ pricingData: PricingData }> = ({
-  pricingData,
-}) => {
+const Page: NextPageWithLayout = () => {
   const { t } = useTranslation(["pricing"]);
   return (
     <div className="mx-auto max-w-3xl">
@@ -332,13 +342,11 @@ Page.getLayout = getPageLayout;
 export default Page;
 
 export const getStaticProps: GetStaticProps = async (ctx) => {
-  const pricingData = await getProPricing();
   const res = await getStaticTranslations(["pricing"])(ctx);
   if ("props" in res) {
     return {
       props: {
         ...res.props,
-        pricingData,
       },
     };
   }

apps/web/src/app/[locale]/(admin)/settings/billing/billing-plans.tsx

@@ -19,12 +19,10 @@ import { UpgradeButton } from "@/components/upgrade-button";
 
 export type PricingData = {
   monthly: {
-    id: string;
     amount: number;
     currency: string;
   };
   yearly: {
-    id: string;
     amount: number;
     currency: string;
   };

apps/web/src/app/[locale]/(admin)/settings/billing/page.tsx

@@ -1,20 +1,16 @@
-import { getProPricing } from "@rallly/billing";
-import { unstable_cache } from "next/cache";
+import { pricingData } from "@rallly/billing/pricing";
 import { notFound } from "next/navigation";
 
 import { BillingPage } from "@/app/[locale]/(admin)/settings/billing/billing-page";
 import { Params } from "@/app/[locale]/types";
 import { getTranslation } from "@/app/i18n";
 import { env } from "@/env";
 
-const getCachedProPricing = unstable_cache(getProPricing, ["pricing-data"]);
-
 export default async function Page() {
   if (env.NEXT_PUBLIC_SELF_HOSTED === "true") {
     notFound();
   }
-  const prices = await getCachedProPricing();
-  return <BillingPage pricingData={prices} />;
+  return <BillingPage pricingData={pricingData} />;
 }
 
 export async function generateMetadata({ params }: { params: Params }) {

packages/billing/package.json

@@ -5,7 +5,8 @@
   "exports": {
     "./server/*": "./src/server/*.tsx",
     "./next": "./src/next/index.ts",
-    ".": "./src/index.ts"
+    ".": "./src/index.ts",
+    "./*": "./src/*.ts"
   },
   "scripts": {
     "normalize-subscription-metadata": "dotenv -e ../../.env -- tsx ./src/scripts/normalize-metadata.ts"

packages/billing/src/pricing.ts

@@ -0,0 +1,10 @@
+export const pricingData = {
+  monthly: {
+    amount: 700,
+    currency: "usd",
+  },
+  yearly: {
+    amount: 5600,
+    currency: "usd",
+  },
+};