fix: fixed checkout, separated tier for edge and upgraded to Next 14

Author: jerriclynsjohn

.env

@@ -0,0 +1,15 @@
+NEXT_PUBLIC_APP_URL='http://localhost:3000'
+
+TIER_BASE_URL='https://api.tier.run'
+TIER_API_KEY='sk_test_51O5RLmFbUk96SQSJnjbwqatMyssU1DEIWgYnLMeZZbLli1a1caDllVeDfbconRJ17n0m5bE7lGNK99KiIVx8CVu600MwsphlgW'
+
+NEXTAUTH_SECRET='3PiU5FXmFZTvB5LVMXHTYJFGTYPoQcoVjCV+v+hgzqQ='
+NEXTAUTH_URL='http://localhost:3000'
+
+GITHUB_CLIENT_ID='b97f541991b16308723f'
+GITHUB_CLIENT_SECRET='f599a0f220d33ebdc39f5a30637a7a100645e6b7'
+
+OPENAI_API_KEY='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'
+
+POSTGRES_URL_NON_POOLING='postgres://default:3mUOJRE6XSNA@ep-sweet-unit-55027686.us-east-1.postgres.vercel-storage.com:5432/verceldb'
+POSTGRES_PRISMA_URL='postgres://default:3mUOJRE6XSNA@ep-sweet-unit-55027686.us-east-1.postgres.vercel-storage.com:5432/verceldb?pgbouncer=true&connect_timeout=15'

next.config.mjs

@@ -7,7 +7,6 @@ const nextConfig = {
     domains: ["avatars.githubusercontent.com"],
   },
   experimental: {
-    serverActions: true,
     serverComponentsExternalPackages: ["@prisma/client"],
   },
   typescript: {

package-lock.json

@@ -18,15 +18,15 @@
     "@headlessui/react": "^1.7.15",
     "@heroicons/react": "^2.0.18",
     "@next-auth/prisma-adapter": "^1.0.7",
-    "@prisma/client": "^5.4.1",
+    "@prisma/client": "^5.5.2",
     "@radix-ui/react-toast": "^1.1.4",
     "@t3-oss/env-nextjs": "^0.6.0",
     "ai": "^2.1.26",
     "clsx": "^1.2.1",
     "cva": "npm:class-variance-authority@^0.6.1",
     "lucide-react": "^0.256.0",
-    "next": "^13.4.7",
-    "next-auth": "^4.22.1",
+    "next": "^14.0.0",
+    "next-auth": "^4.24.4",
     "nodemailer": "^6.9.3",
     "openai-edge": "^1.2.2",
     "react": "^18.2.0",
@@ -44,14 +44,14 @@
     "@tailwindcss/line-clamp": "^0.4.4",
     "@tailwindcss/typography": "^0.5.9",
     "@types/node": "^20.3.2",
-    "@types/react": "^18.2.14",
-    "@types/react-dom": "^18.2.6",
+    "@types/react": "^18.2.33",
+    "@types/react-dom": "^18.2.14",
     "@typescript-eslint/parser": "^5.60.1",
     "autoprefixer": "^10.4.14",
     "commitizen": "^4.3.0",
     "cz-conventional-changelog": "^3.3.0",
     "eslint": "^8.43.0",
-    "eslint-config-next": "^13.4.7",
+    "eslint-config-next": "^14.0.0",
     "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-tailwindcss": "^3.13.0",
@@ -62,7 +62,7 @@
     "prettier": "^2.8.8",
     "prettier-plugin-tailwindcss": "^0.3.0",
     "pretty-quick": "^3.1.3",
-    "prisma": "^5.4.1",
+    "prisma": "^5.5.2",
     "stripe": "^12.17.0",
     "tailwindcss": "^3.3.2",
     "tailwindcss-animate": "^1.0.6",

package.json

@@ -29,7 +29,6 @@ export async function GET(req: Request) {
       const checkout = await tier.checkout(`org:${user?.id}`, successUrl, {
         cancelUrl,
       });
-
       return new Response(JSON.stringify({ url: checkout.url }));
     } else {
       console.log("subscribe");

src/app/api/change-plan/route.ts

@@ -5,7 +5,7 @@ import { z } from "zod";
 import { env } from "@/env.mjs";
 import { TIER_AICOPY_FEATURE_ID, TIER_EXTRACOPY_FEATURE_ID } from "@/config/tierConstants";
 import { openAI } from "@/lib/ai";
-import { tier } from "@/lib/tier";
+import { tier } from "@/lib/tier-edge";
 
 if (!env.OPENAI_API_KEY) {
   throw new Error("Missing env var from OpenAI");

src/app/api/generate/route.ts

@@ -0,0 +1,9 @@
+import { Tier } from "tier/client";
+
+import { env } from "@/env.mjs";
+
+export const tier = new Tier({
+  baseURL: env.TIER_BASE_URL as string,
+  apiKey: env.TIER_API_KEY,
+  debug: true,
+});

src/lib/tier-edge.ts

@@ -1,6 +1,4 @@
-// import { Tier } from "tier"; // If you do not want to make Tier work on edge
-
-import { Tier } from "tier/client"; // If you want to make Tier work on edge
+import { Tier } from "tier";
 
 import { env } from "@/env.mjs";