chore: fix container build and minimize container size (#380)

.dockerignore

@@ -0,0 +1,2 @@
+node_modules
+dist

Dockerfile

@@ -1,7 +1,18 @@
-FROM node:16-alpine
+FROM node:16-alpine as build-stage
+
+WORKDIR /app
 RUN corepack enable
-WORKDIR /root/app
+
+COPY .npmrc package.json pnpm-lock.yaml ./
+RUN --mount=type=cache,id=pnpm-store,target=/root/.pnpm-store \
+    pnpm install --frozen-lockfile
+
 COPY . .
-RUN pnpm i --prod
 RUN pnpm build
-CMD pnpm preview --host
+
+FROM nginx:stable-alpine as production-stage
+
+COPY --from=build-stage /app/dist /usr/share/nginx/html
+EXPOSE 80
+
+CMD ["nginx", "-g", "daemon off;"]

README.md

@@ -191,14 +191,18 @@ And you will see the generated file in `dist` that ready to be served.
 
 Go to [Netlify](https://app.netlify.com/start) and select your clone, `OK` along the way, and your App will be live in a minute.
 
-### Docker 
+### Docker Production Build
+
 First, build the vitesse image by opening the terminal in the project's root directory.
+
 ```bash
-docker build . -t vitesse
+docker build . -t vitesse:latest
 ```
+
 Run the image and specify port mapping with the `-p` flag.
+
 ```bash
-docker run -p 4173:4173 vitesse
+docker run --rm -it -p 8080:80 vitesse:latest
 ```
 
 ## Why