feat: fix vite url using env var

frontend/Dockerfile

@@ -1,15 +1,14 @@
-# Build stage
-FROM node:20 AS build
+FROM node:20 AS builder
 WORKDIR /app
 COPY package*.json ./
 RUN npm install
 COPY . .
+ARG VITE_API_URL
+ENV VITE_API_URL=$VITE_API_URL
 RUN npm run build
 
-# Production stage
-FROM nginx:alpine
-COPY nginx.conf /etc/nginx/nginx.conf
-COPY --from=build /app/dist /usr/share/nginx/html
-
-EXPOSE 80
-CMD ["nginx", "-g", "daemon off;"]
+FROM node:20-alpine
+WORKDIR /app
+COPY --from=builder /app ./
+EXPOSE 3000
+CMD ["npx", "vite", "--port", "3000"]

frontend/nginx.conf

@@ -1,28 +0,0 @@
-worker_processes 1;
-
-events { worker_connections 1024; }
-
-http {
-  include       mime.types;
-  default_type  application/octet-stream;
-  sendfile        on;
-  keepalive_timeout  65;
-
-  server {
-    listen       80;
-    server_name  _;
-
-    root   /usr/share/nginx/html;
-    index  index.html;
-
-    location / {
-      # try to serve file directly, otherwise fallback to index.html
-      try_files $uri $uri/ /index.html;
-    }
-
-    # optional: block .git, .env, etc
-    location ~ /\.(?!well-known).* {
-      deny all;
-    }
-  }
-}

frontend/src/App.tsx

@@ -31,9 +31,7 @@ import {
 } from "react-icons/fa";
 import type { Blog } from "./utils/types";
 import { countWords } from "./utils/countWords";
-
-// Base API URL from env
-const API_URL = import.meta.env.VITE_API_URL || "http://localhost:8000";
+import { API_URL } from "./utils/constants";
 
 // Auth Context
 interface AuthContextProps {

frontend/src/utils/BlogList.tsx

@@ -1,9 +1,10 @@
 import { useState, useEffect } from "react";
+import { API_URL } from "./constants";
 
 export function BlogList() {
   const [content, setContent] = useState("");
   useEffect(() => {
-    fetch(`localhost:8000/get-blogs`)
+    fetch(`${API_URL}/get-blogs`)
       .then((res) => res.text())
       .then(setContent);
   }, []);