<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Contents</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>

## 1. 在專案根目錄新增以下檔案
```dockerfile
FROM node:16-alpine
ARG NODE_ENV="production"
ENV NODE_ENV=${NODE_ENV}
WORKDIR /app
COPY package*.json ./
RUN yarn install
COPY . .
ENV PORT=3000
EXPOSE 3000
CMD [ "yarn", "start" ]
```
## 2. build image
`docker build . -t alanhc/alanhc.github.io:latest`
## 3. 跑起來測試
`docker run -p 3000:3000 alanhc/alanhc.github.io`
## 4. 推上docker hub
`docker push alanhc/alanhc.github.io`
## 5. 新增 k8s/deploy.yml
```yaml
apiVersion: apps/v1
kind: Deployment
metadata:
labels:
app: nextjs-app
name: nextjs-app
spec:
selector:
matchLabels:
app: nextjsapp
template:
metadata:
labels:
app: nextjsapp
spec:
containers:
- name: app
image: docker.io/alanhc/alanhc.github.io
imagePullPolicy: Always
ports:
- containerPort: 3000
```
## 6. k8s config
`kubectl apply -f k8s`
## 7. 在minikube使用portfoard啟動
`kubectl port-forward svc/nextjs-app 3000:3000`

</body>
</html>


## 1. 在專案根目錄新增以下檔案
```dockerfile
FROM node:16-alpine

ARG NODE_ENV="production"

ENV NODE_ENV=${NODE_ENV}

WORKDIR /app

COPY package*.json ./

RUN yarn install

COPY . .

ENV PORT=3000

EXPOSE 3000

CMD [ "yarn", "start" ]

```
## 2. build image
`docker build . -t alanhc/alanhc.github.io:latest`
## 3. 跑起來測試 
`docker run -p 3000:3000 alanhc/alanhc.github.io`
## 4. 推上docker hub 
`docker push alanhc/alanhc.github.io`
## 5. 新增 k8s/deploy.yml
```yaml
apiVersion: apps/v1
kind: Deployment
metadata:
  labels:
    app: nextjs-app
  name: nextjs-app
spec:
  selector:
    matchLabels:
      app: nextjsapp
  template:
    metadata:
      labels:
        app: nextjsapp
    spec:
      containers:
      - name: app
        image: docker.io/alanhc/alanhc.github.io
        imagePullPolicy: Always
        ports:
          - containerPort: 3000
```
## 6. k8s config
`kubectl apply -f k8s`
## 7. 在minikube使用portfoard啟動
`kubectl port-forward svc/nextjs-app 3000:3000`


部署我的網站到k8s上

- [1. 在專案根目錄新增以下檔案](#1-%E5%9C%A8%E5%B0%88%E6%A1%88%E6%A0%B9%E7%9B%AE%E9%8C%84%E6%96%B0%E5%A2%9E%E4%BB%A5%E4%B8%8B%E6%AA%94%E6%A1%88)
- [2. build image](#2-build-image)
- [3. 跑起來測試](#3-%E8%B7%91%E8%B5%B7%E4%BE%86%E6%B8%AC%E8%A9%A6)
- [4. 推上docker hub](#4-%E6%8E%A8%E4%B8%8Adocker-hub)
- [5. 新增 k8s/deploy.yml](#5-%E6%96%B0%E5%A2%9E-k8sdeployyml)
- [6. k8s config](#6-k8s-config)
- [7. 在minikube使用portfoard啟動](#7-%E5%9C%A8minikube%E4%BD%BF%E7%94%A8portfoard%E5%95%9F%E5%8B%95)

[1. 在專案根目錄新增以下檔案](#1-%E5%9C%A8%E5%B0%88%E6%A1%88%E6%A0%B9%E7%9B%AE%E9%8C%84%E6%96%B0%E5%A2%9E%E4%BB%A5%E4%B8%8B%E6%AA%94%E6%A1%88)

FROM node:16-alpine

ARG NODE_ENV="production"

ENV NODE_ENV=${NODE_ENV}

WORKDIR /app

COPY package*.json ./

RUN yarn install

COPY . .

ENV PORT=3000

EXPOSE 3000

CMD [ "yarn", "start" ]



docker build . -t alanhc/alanhc.github.io:latest

`docker build . -t alanhc/alanhc.github.io:latest`

[3. 跑起來測試](#3-%E8%B7%91%E8%B5%B7%E4%BE%86%E6%B8%AC%E8%A9%A6)

docker run -p 3000:3000 alanhc/alanhc.github.io

`docker run -p 3000:3000 alanhc/alanhc.github.io`

[4. 推上docker hub](#4-%E6%8E%A8%E4%B8%8Adocker-hub)

[5. 新增 k8s/deploy.yml](#5-%E6%96%B0%E5%A2%9E-k8sdeployyml)

apiVersion: apps/v1
kind: Deployment
metadata:
  labels:
    app: nextjs-app
  name: nextjs-app
spec:
  selector:
    matchLabels:
      app: nextjsapp
  template:
    metadata:
      labels:
        app: nextjsapp
    spec:
      containers:
      - name: app
        image: docker.io/alanhc/alanhc.github.io
        imagePullPolicy: Always
        ports:
          - containerPort: 3000


[7. 在minikube使用portfoard啟動](#7-%E5%9C%A8minikube%E4%BD%BF%E7%94%A8portfoard%E5%95%9F%E5%8B%95)

kubectl port-forward svc/nextjs-app 3000:3000

`kubectl port-forward svc/nextjs-app 3000:3000`