chore: public api

Author: Giovanni Gargiulo

frontend/.env.development

@@ -1,3 +1,4 @@
 NEXT_PUBLIC_BLOCKFROST_API_KEY=preview63R2hq5OToB1PRYyxDQ1NpmS23rbyS88
 NETWORK=Preview
-NEXT_PUBLIC_API_URL=http://localhost:8080
+# Leave empty in development to use Next.js rewrites (proxies to backend)
+NEXT_PUBLIC_API_URL=

frontend/.env.production

@@ -1,3 +1,5 @@
 NEXT_PUBLIC_BLOCKFROST_API_KEY=preview63R2hq5OToB1PRYyxDQ1NpmS23rbyS88
 NETWORK=Preview
-NEXT_PUBLIC_API_URL=http://programmable-tokens-int
+# Production: Set this to your public API endpoint (e.g., https://api.programmabletokens.xyz)
+# This should be the publicly accessible URL for your backend API
+NEXT_PUBLIC_API_URL=https://preview-api.programmabletokens.xyz

frontend/next.config.js

@@ -31,6 +31,7 @@ const webpackConfig = (config, { isServer }) => {
 };
 
 module.exports = (phase, {defaultConfig}) => {
+  // Development mode: use Next.js server with rewrites for local API proxy
   if (phase === PHASE_DEVELOPMENT_SERVER) {
     return {
       /* NextJS development-only config options here */
@@ -75,14 +76,16 @@ module.exports = (phase, {defaultConfig}) => {
       webpack: webpackConfig
     }
   }
-  // Default NextJS config for other phases (e.g., production, static export)
-  return { 
+
+  // Production mode: static export (frontend calls API directly using NEXT_PUBLIC_API_URL)
+  // No rewrites needed as the frontend will call the public API endpoint directly
+  return {
     output: 'export',
     webpack: webpackConfig,
     experimental: {
       esmExternals: true, // Ensure modern module support
     },
-  
+
     // https://github.com/Anastasia-Labs/lucid-evolution/issues/437
     serverExternalPackages: [
       "@lucid-evolution/lucid"

frontend/src/app/clientLayout.tsx

@@ -18,10 +18,15 @@ import axios from "axios";
 import DemoEnvironmentContext from "./context/demoEnvironmentContext";
 
 async function loadDemoEnvironment(): Promise<DemoEnvironment> {
-  const response = await axios.get<DemoEnvironment>("/api/v1/demo-environment",
+  // In development: use relative URL (will be rewritten by Next.js)
+  // In production: use NEXT_PUBLIC_API_URL to call API directly
+  const apiUrl = process.env.NEXT_PUBLIC_API_URL || '';
+  const endpoint = `${apiUrl}/api/v1/demo-environment`;
+
+  const response = await axios.get<DemoEnvironment>(endpoint,
     {
       headers: {
-        'Content-Type': 'application/json;charset=utf-8', 
+        'Content-Type': 'application/json;charset=utf-8',
       },
     });
   return response?.data;