# Zeabur 部署
## 後端
### 專案裡面
1. in `./src/index.js`(我不確定你們這個是哪個檔案，如果不知道的話就去看 `package.json` 裡面的 `scripts: server` 裡面是跑哪一個檔案 ) 後端的 port 記得是要用 process.env.PORT
2. `把 package.json` 裡面

(原本)
  "scripts": {
    "server": "nodemon src/index.js --ext js --exec babel-node",
  },

(改成)
  "scripts": {
    "start": "nodemon src/index.js --ext js --exec babel-node",
  },

### 部署後端
1. 打開 zeabur 點右上角的 Login 連接自己的 github 帳號。
2. 登入之後新增一個 project。
新增後會長這樣：
3. 點擊右上角 Add new service：加入你的 repo。
4. 會出現一個圓圓的東西：
5. 點進去 -> Setting -> Root directory => 打你的後端資料夾名稱
6. 回去 Deployment -> 按 redeploy。
7. 成功部署後，去 setting 按 generate domain，你可以自己輸入名稱。
等他跑，如果成功後他會成功部署給你一個網站 => 點進去會是 4000/graphql 的那個網站。 (複製一下這個網址) 舉例來說他會給： https://backend.zeabur.app
## 前端
1. 在 `index.js` 裡面，應該會有一個 `httpLink` 和 `wsLink`，把他們的 url 全部改成 `剛剛的網址+"/graphql"` 像是 `https://backend.zeabur.app/graphql`。

就這樣就好了
### 部署前端
跟剛剛一樣的動作，設定前端的 root directory -> redeploy 就可以了。