# 在部署netlify的時候有碰到問題
1. 當時clone GitHub SBF-BONK下來時要先 npm run build 有幾個錯誤。（已解決）
a. Index.tsx 頁面 ""< img>"" 標籤要使用 ""< Image>""
b. Index.tsx 頁面 ""< a>"" 標籤要使用 ""<Link>""
2. 不管使用netlify UI 或是 netlify-cli 部署時參考影片或是文章都大同小異，但是部署時都碰到同樣問題。
## 參考使用部署方式
1. https://www.netlify.com/blog/2020/11/30/how-to-deploy-next.js-sites-to-netlify/
2. https://www.youtube.com/watch?v=XJ2in0qw4Gw

## 問題：
1. 因為沒有權限所以無法設置z-institute 上的 deploy key,所以只好另外抓檔案下來，上傳到自己的github上做部署測試，加上deploy key後可以部署。(已解決)

2. 使用netlify UI 或是 netlify-cli 可以看到正常在跑deploy，但是都會碰到錯誤。(已解決)

相關問題查找
a. [嘗試1](https://stackoverflow.com/questions/69831067/cannot-deploy-next-js-to-netlify-deploy-failed-due-to-an-error-in-netlify-plug)
b. [嘗試2](https://stackoverflow.com/questions/66353549/deploy-did-not-succeed-deploy-directory-out-does-not-exist)
c. [嘗試3](https://stackoverflow.com/questions/72724257/i-cannot-deploy-next-js-to-netlify-deploy-failed-because-of-a-mistake-in-netli)
d. [嘗試4](https://answers.netlify.com/t/debugging-build-failed-non-zero-exit-code-2-and-exit-code-254/56630)
c. [有人同樣狀況](https://answers.netlify.com/t/error-the-directory-opt-build-repo-build-does-not-contain-a-next-js-production-build/66982)

---

最後成功部署設定netlify設定檔長這樣


---

新增了i18n之後，在netlify部署時會遇到錯誤，因為i18n會產生靜態檔案，但Next.js在export時會出錯

搜尋後出現此文章解釋會出錯誤的關係

建議改用Vercel來部署Project

改用vercel成功部署

且成功運作
https://cyberbonk.vercel.app/