cors (#237)

Author: nialexsan

config/mixpanel.server.js

@@ -1,4 +1,14 @@
 // This lib is only for server side
-import mixpanel from 'mixpanel'
+import Mixpanel from 'mixpanel'
 
-export default mixpanel.init(process.env.MIXPANEL_ID)
+let mixpanel
+
+const initMixpanel = () => {
+  if (process.env.MIXPANEL_ID) {
+    mixpanel = Mixpanel.init(process.env.MIXPANEL_ID)
+  }
+}
+
+initMixpanel()
+
+export default mixpanel

next.config.js

@@ -1,7 +1,26 @@
-module.exports = {
+// next.config.js
+
+/** @type {import('next').NextConfig} */
+const nextConfig = {
   reactStrictMode: true,
   eslint: {
     ignoreDuringBuilds: true,
   },
   swcMinify: true,
+  async headers() {
+    return [
+      {
+        // matching all API routes
+        source: "/api/:path*",
+        headers: [
+          { key: "Access-Control-Allow-Credentials", value: "true" },
+          { key: "Access-Control-Allow-Origin", value: "*" }, // replace this your actual origin
+          { key: "Access-Control-Allow-Methods", value: "GET,DELETE,PATCH,POST,PUT" },
+          { key: "Access-Control-Allow-Headers", value: "X-CSRF-Token, X-Requested-With, Accept, Accept-Version, Content-Length, Content-MD5, Content-Type, Date, X-Api-Version" },
+        ]
+      }
+    ]
+  }
 }
+
+module.exports = nextConfig

pages/api/[...slug].js

@@ -49,7 +49,7 @@ async function handler(req, res) {
     return res.status(400).json({ message: 'Invalid Network' })
   }
 
-  mixpanel.track('Wallet Discovery Request', {
+  mixpanel?.track('Wallet Discovery Request', {
     type: discoveryRequestType,
     network,
     fclVersion,