Handle production origin

Author: hasparus

src/app/api/contributors/route.ts

@@ -17,14 +17,21 @@ function getContributorData(): ContributorData {
   return contributorData as ContributorData
 }
 
+const PRODUCTION_ORIGIN = `https://${process.env.VERCEL_PROJECT_PRODUCTION_URL}`
 const ALLOWED_ORIGIN = process.env.VERCEL_URL
   ? `https://${process.env.VERCEL_URL}`
   : "http://localhost:3000"
 
 export async function GET(request: NextRequest) {
+  let origin = request.headers.get("origin")
+  if (!origin) {
+    origin = (request.headers.get("referer") || "").replace(/\/$/, "")
+  }
+
   const headers = new Headers({
     "Content-Type": "application/json",
-    "Access-Control-Allow-Origin": ALLOWED_ORIGIN,
+    "Access-Control-Allow-Origin":
+      origin === PRODUCTION_ORIGIN ? PRODUCTION_ORIGIN : ALLOWED_ORIGIN,
     "Access-Control-Allow-Methods": "GET",
     "Access-Control-Allow-Headers": "Content-Type",
     "Cache-Control": "public, s-maxage=86400, stale-while-revalidate=172800",

src/components/index-page/how-it-works/schema.ts

@@ -109,7 +109,9 @@ const ProjectType = new GraphQLObjectType<Project>({
           if (args.after) params.set("after", args.after)
           params.set("project", project.name)
 
-          const response = await fetch(`/api/contributors?${params.toString()}`)
+          const response = await fetch(
+            `/api/contributors/?${params.toString()}`,
+          )
 
           if (!response.ok) {
             console.error(`Failed to fetch contributors: ${response.status}`)