將 Nuxt3 發布至 docker 中，Dockerfile 看這裡就對了

最近的 Side Project 寫到一個段落，覺得累，想要先發布，於是開始撰寫 Dockerfile，Nuxt3 目前應該是還沒有官方範例，網路上也都不太適合，於是筆者自己摸索出了一個，開源給大家使用！

    
# 使用 node 長期支援版
FROM node:lts-alpine

# 設定工作目錄
WORKDIR /app

# 複製 package.json 和 package-lock.json 至工作目錄
COPY package*.json ./

# 依照指定版本安裝依賴
RUN npm ci

# 複製所有
COPY . .

# 建立生產版本
RUN npm run build

# 暴露的連接埠
EXPOSE 3000

# 啟動應用程式
CMD ["node", ".output/server/index.mjs"]
    

打包

使用 Dockerfile 建立 image

    
docker build -t my-nuxt-app .
    

啟動

使用 image 建立和執行容器

    
docker run -d --name nuxt-app -p 3000:3000 my-nuxt-app
    

假設要自訂連接埠該怎麼辦? 很簡單，下面這個範例是 80 port
如果對你有幫助，希望能夠給我一個 Star ! Github Gist 連結