test(deployment): netlify

Author: Anurag-Bansode

netlify.toml

@@ -1,13 +1,33 @@
+# Global build environment settings
 [build.environment]
-NODE_VERSION = "20"
-SECRETS_SCAN_OMIT_KEYS = "VITE_API_URL,VITE_GEOAPIFY_API_KEY"
+  NODE_VERSION = "20"
+  PNPM_VERSION = "8" # Good practice to specify the pnpm version
+  SECRETS_SCAN_OMIT_KEYS = "VITE_API_URL,VITE_GEOAPIFY_API_KEY"
 
+# --- Frontend App Build Configuration ---
+# This tells Netlify how to build your static React application.
 [build]
-base = "frontend"
-command = "pnpm install && pnpm run build"
-publish = "dist"
+  base    = "frontend"                 # Netlify will `cd` into the 'frontend' directory first.
+  command = "pnpm install && pnpm run build" # Then, it runs the build command for your React app.
+  publish = "frontend/dist"            # The output directory for the static site, relative to the repo root.
 
+# --- Serverless Functions Configuration ---
+# This tells Netlify where to find your backend API endpoints.
+[functions]
+  directory = "netlify/functions" # Directory for serverless functions, relative to the repo root.
+
+# --- Redirects and Rewrites ---
+
+# This rule makes your serverless function available at a cleaner URL.
+# Instead of calling `/.netlify/functions/predict`, your frontend can call `/api/predict`.
+[[redirects]]
+  from = "/api/*"
+  to = "/.netlify/functions/:splat"
+  status = 200
+
+# This rule is crucial for Single-Page Applications (SPAs) like React.
+# It ensures that all paths are served by index.html, allowing React Router to work.
 [[redirects]]
-from = "/*"
-to = "/index.html"
-status = 200
+  from = "/*"
+  to = "/index.html"
+  status = 200