fix local debug of api with front

FacuDeLorenzo · May 16, 2024 · 48a0e37 · 48a0e37
1 parent 7e8e80c
commit 48a0e37
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 5 deletions.
diff --git a/.vscode/launch.json b/.vscode/launch.json
@@ -7,7 +7,7 @@
         "name": "Debug challenge!",
         "runtimeExecutable": "concurrently",
         "runtimeArgs": [
-          "pnpm --filter api start:debug",
+          "pnpm --filter api start",
           "pnpm --filter front start"
         ],
         "autoAttachChildProcesses": true,

diff --git a/package.json b/package.json
@@ -10,8 +10,9 @@
     ]
   },
   "scripts": {
-    "dev:frontapi": "concurrently \"pnpm --filter api start:debug\" \"pnpm --filter front start\"",
+    "dev:frontapi": "concurrently \"pnpm --filter api start\" \"pnpm --filter front start\"",
     "dev:front": "pnpm --filter front start",
+    "dev:api": "pnpm --filter api start",
     "build:front": "pnpm --filter front build"
   }
 }
diff --git a/packages/api/package.json b/packages/api/package.json
@@ -7,7 +7,8 @@
   "license": "UNLICENSED",
   "scripts": {
     "build": "rm -rf dist && tsc -b",
-    "postbuild": "cp package.json dist/package.json"
+    "postbuild": "cp package.json dist/package.json",
+    "start": "sam build && sam local start-api -p 5000"
   },
   "devDependencies": {
     "@types/aws-lambda": "^8.10.137",

diff --git a/packages/api/template.yaml b/packages/api/template.yaml
@@ -18,7 +18,7 @@ Resources:
             Method: GET
             Path: /products
 
-  createOrderFunction:
+  CreateOrderFunction:
     Type: AWS::Serverless::Function
     Properties:
       CodeUri: ./dist

diff --git a/packages/front/src/components/app/hooks/useGetProducts.ts b/packages/front/src/components/app/hooks/useGetProducts.ts
@@ -10,7 +10,7 @@ const useGetProducts = () => {
   const [products, setProducts] = useState<Product[]>([]);
 
   useEffect(() => {
-    axios.get("http://localhost:5000/products").then((resp) => {
+    axios.get(`${process.env.REACT_APP_API_ENDPOINT}/products`).then((resp) => {
       if (resp.data) setProducts(resp.data);
     });
   }, []);