feat(cli): dockrize the application

[MAVRICK-1]

Description

This PR introduces a Dockerfile with a multistage build for better performance and optimized image size. The Dockerfile separates the build environment from the runtime environment, ensuring a cleaner and more efficient Docker image.

Related Issues

Fixes #694

Changes Proposed

• Added a multistage Dockerfile to separate the build and runtime environments.
• The first stage uses a Node.js base image for installing dependencies and building the application.
• The second stage copies only the necessary files from the build stage and uses a lighter base image (e.g., nginx) for serving the application.

Here is the Dockerfile structure:

# Build Stage
FROM node:16 AS build

WORKDIR /app

COPY package*.json ./
RUN npm install

COPY . .

RUN npm run build

# Production Stage
FROM nginx:alpine

COPY --from=build /app/dist /usr/share/nginx/html

EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

Checklist

• I have read and followed the [Contribution Guidelines](https://github.com/codeaashu/DevDisplay/blob/master/CONTRIBUTING.md).
• All new and existing tests passed successfully.
• I have updated the documentation to reflect the changes made in this PR.
• My code adheres to the code style and formatting guidelines of this project.
• The title of my pull request is concise and describes the change being proposed.

Screenshots

Notes for Reviewers

Please review the changes related to the Docker multistage build. The idea is to ensure that the production image is optimized and that we are only copying the necessary files to the final image.

[stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
devdisplay	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 1, 2025 6:04pm

[MAVRICK-1]

@colemanscott98 review my PR and add the labels

[github-actions]

Hi there! This issue is still open. We are looking forward to your response.
Assignees: None

[github-actions]

Hi there! This issue is still open. We are looking forward to your response.
Assignees: None

[github-actions]

Hi there! This issue is still open. We are looking forward to your response.
Assignees: None

[github-actions]

Hi there! This issue is still open. We are looking forward to your response.
Assignees: None

[github-actions]

Hi there! This issue is still open. We are looking forward to your response.
Assignees: None

[github-actions]

Hi there! This issue is still open. We are looking forward to your response.
Assignees: None

[github-actions]

Hi there! This issue is still open. We are looking forward to your response.
Assignees: None

[github-actions]

Hi there! This issue is still open. We are looking forward to your response.
Assignees: None

[github-actions]

Hi there! This issue is still open. We are looking forward to your response.
Assignees: None

[github-actions]

Hi there! This issue is still open. We are looking forward to your response.
Assignees: None

[github-actions]

Hi there! This issue is still open. We are looking forward to your response.
Assignees: None

[github-actions]

Hi there! This issue is still open. We are looking forward to your response.
Assignees: None

[github-actions]

Hi there! This issue is still open. We are looking forward to your response.
Assignees: None

[github-actions]

Hi there! This issue is still open. We are looking forward to your response.
Assignees: None

[github-actions]

Hi there! This issue is still open. We are looking forward to your response.
Assignees: None

[github-actions]

Hi there! This issue is still open. We are looking forward to your response.
Assignees: None

[github-actions]

Hi there! This issue is still open. We are looking forward to your response.
Assignees: None

[github-actions]

Hi there! This issue is still open. We are looking forward to your response.
Assignees: None

[github-actions]

Hi there! This issue is still open. We are looking forward to your response.
Assignees: None