feat: Docker Production Build

Author: kirklin

.dockerignore

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

.npmrc

@@ -0,0 +1,2 @@
+shamefully-hoist=true
+strict-peer-dependencies=false

Dockerfile

@@ -0,0 +1,18 @@
+FROM node:16-alpine as build-stage
+
+WORKDIR /app
+RUN corepack enable
+
+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 build
+
+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

@@ -126,3 +126,23 @@ pnpm run build
 ```
 
 And you will see the generated file in `dist` that ready to be served.
+
+
+### Deploy on Netlify
+
+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 Production Build
+
+First, build the vite-boot image by opening the terminal in the project's root directory.
+
+```bash
+docker buildx build . -t viteboot:latest
+```
+
+Run the image and specify port mapping with the `-p` flag.
+
+```bash
+docker run --rm -it -p 8080:80 viteboot:latest
+```
+

README.zh-CN.md

@@ -122,3 +122,23 @@ pnpm run build
 ```
 
 然后你会看到用于发布的 `dist` 文件夹被生成。
+
+
+### 部署到 Netlify
+
+前往 [Netlify](https://app.netlify.com/start) 并选择你的仓库, 一路 `OK` 下去，稍等一下后，你的应用将被创建.
+
+### Docker Production Build
+
+首先，在项目的根目录下打开终端，构建vite-boot镜像。
+
+```bash
+docker buildx build . -t viteboot:latest
+```
+
+运行镜像，用 "-p" 指定端口映射。
+
+```bash
+docker run --rm -it -p 8080:80 viteboot:latest
+```
+