diff --git a/Dockerfile b/Dockerfile index 1b72f5b..a0d9d27 100644 --- a/Dockerfile +++ b/Dockerfile @@ -3,19 +3,27 @@ FROM node:20 AS build WORKDIR /app -COPY package.json ./ -COPY package-lock.json ./ +# Copy package.json and package-lock.json to the WORKDIR +COPY frontend/package.json ./ +COPY frontend/package-lock.json ./ + +# Install dependencies RUN npm install -COPY . ./ +# Copy the rest of the frontend files to the WORKDIR +COPY frontend/. ./ + +# Build the React app RUN npm run build # Step 2: Serve the app FROM nginx:alpine +# Copy the built files from the build stage to the Nginx web root COPY --from=build /app/dist /usr/share/nginx/html # Expose port 80 EXPOSE 80 -CMD ["nginx", "-g", "daemon off;"] \ No newline at end of file +# Run Nginx in the foreground +CMD ["nginx", "-g", "daemon off;"] diff --git a/frontend/src/components/Footer.tsx b/frontend/src/components/Footer.tsx index 7bfc19a..f6758cc 100644 --- a/frontend/src/components/Footer.tsx +++ b/frontend/src/components/Footer.tsx @@ -18,7 +18,7 @@ const Footer = () => { Built with React & Tailwind CSS { @@ -72,4 +71,4 @@ const Introduction = () => { ); }; -export default Introduction; \ No newline at end of file +export default Introduction;