feat: Update Nginx configuration for API routing and error handling; enhance styles for quantity input

Author: usepowershell

src/store-admin/nginx.conf

@@ -20,22 +20,82 @@ server {
         return 200 '{"status":"ok","version":"${APP_VERSION}"}';
     }
 
-    # Proxy API requests to the appropriate services
+ #error_page  404              /404.html;
+
+    # redirect server error pages to the static page /50x.html
+    #
+    error_page   500 502 503 504  /50x.html;
+    location = /50x.html {
+        root   /usr/share/nginx/html;
+    }
+
+    location ~ ^/api/makeline/order/(?<id>\w+) {
+        proxy_pass http://makeline-service:3001/order/$id;
+        proxy_http_version 1.1;
+    }
+
+    location /api/makeline/order {
+        proxy_pass http://makeline-service:3001/order;
+        proxy_http_version 1.1;
+    }
+
+    location /api/makeline/order/fetch {
+        proxy_pass http://makeline-service:3001/order/fetch;
+        proxy_http_version 1.1;
+    }
+
+    location /api/order {
+        proxy_pass http://order-service:3000/;
+        proxy_http_version 1.1;
+    }
+
+    location /api/products/ {
+        proxy_pass http://product-service:3002/;
+        proxy_http_version 1.1;
+    }
+
     location /api/products {
-        proxy_pass ${PRODUCT_SERVICE_URL};
-        proxy_set_header Host $host;
-        proxy_set_header X-Real-IP $remote_addr;
-        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-        proxy_set_header X-Forwarded-Proto $scheme;
+        proxy_pass http://product-service:3002/;
+        proxy_http_version 1.1;
+    }
+
+    # location ~* ^/api/products {
+    #     proxy_pass http://product-service:3002/;
+    #     proxy_http_version 1.1;
+    # }
+
+    location ~ ^/api/product/(?<id>\w+) {
+        proxy_pass http://product-service:3002/$id;
+        proxy_http_version 1.1;
+    }
+
+    # location ~* ^/api/product {
+    #     proxy_pass http://product-service:3002/;
+    #     proxy_http_version 1.1;
+    # }
+
+    location /api/product {
+        proxy_pass http://product-service:3002/;
+        proxy_http_version 1.1;
+    }
+
+    location /api/product/ {
+        proxy_pass http://product-service:3002/;
+        proxy_http_version 1.1;
     }
 
-    location /api/makeline {
-        proxy_pass ${MAKELINE_SERVICE_URL};
-        proxy_set_header Host $host;
-        proxy_set_header X-Real-IP $remote_addr;
-        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-        proxy_set_header X-Forwarded-Proto $scheme;
+    location /api/ai/health {
+        proxy_pass http://product-service:3002/ai/health;
+        proxy_http_version 1.1;
     }
 
-    error_page 404 /index.html;
+    location /api/ai/generate/description {
+        proxy_pass http://product-service:3002/ai/generate/description;
+        proxy_http_version 1.1;
+    }
+
+    location /api/ai/generate/image {
+        proxy_pass http://product-service:3002/ai/generate/image;
+        proxy_http_version 1.1;
+    }
 }

src/store-front/nginx.conf

@@ -22,19 +22,13 @@ server {
 
     # Proxy API requests to the appropriate services
     location /api/products {
-        proxy_pass ${PRODUCT_SERVICE_URL};
-        proxy_set_header Host $host;
-        proxy_set_header X-Real-IP $remote_addr;
-        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-        proxy_set_header X-Forwarded-Proto $scheme;
+        proxy_pass http://product-service:3002/;
+        proxy_http_version 1.1;
     }
 
-    location /api/order {
-        proxy_pass ${ORDER_SERVICE_URL}v1/order;
-        proxy_set_header Host $host;
-        proxy_set_header X-Real-IP $remote_addr;
-        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-        proxy_set_header X-Forwarded-Proto $scheme;
+    location /api/orders {
+        proxy_pass http://order-service:3000/;
+        proxy_http_version 1.1;
     }
 
     error_page 404 /index.html;

src/store-front/src/assets/styles.scss

@@ -180,6 +180,16 @@ nav a:hover {
   margin: 1rem 0;
 }
 
+/* Form Controls */
+.quantity-input {
+  width: 50px;
+  height: 30px;
+  border: 1px solid #ccc;
+  border-radius: 5px;
+  padding: 5px;
+  margin-right: 10px;
+}
+
 /* Responsive design */
 @media (max-width: 768px) {
   .container {

src/store-front/src/components/ProductCard.vue

@@ -9,7 +9,7 @@
       </div>
       <div class="product-controls">
         <input type="number" v-model="quantity" min="1" class="quantity-input" />
-        <button @click="addToCart">Add to Cart</button>
+        <button class="button" @click="addToCart">Add to Cart</button>
       </div>
     </div>
   </div>

src/store-front/src/views/ProductDetailView.vue

@@ -14,7 +14,7 @@
           >
         </p>
         <input type="number" v-model="quantity" min="1" class="quantity-input" />
-        <button @click="addToCart">Add to Cart</button>
+        <button class="button" @click="addToCart">Add to Cart</button>
       </div>
     </div>
   </div>