iT邦幫忙

2024 iThome 鐵人賽

DAY 13
0

學習使用前端部署平台

將專案部署到網路上,就能直接使用網址來開啟專案,不需要再透過 http://localhost:xxxx 。除了方便使用外,也能在不同的裝置上使用,或分享給朋友。

前端部署平台

可以選擇使用 Vercel、Netlify 或 Zeabur 等前端部署平台。這些平台只需要與 GitHub 的 repository 綁定,就能透過簡單的設定將專案發布到網路上。只有少數人在使用的 side project ,通常免費方案就足夠。

當將專案部署到網路上後,就有了兩個截然不同的環境:

  • 本機環境(local):電腦中的開發環境(http://localhost:xxxx),只有自己能使用。
  • 正式環境(production):部署在網路上的環境,使用一般的網址開啟,所有人都能使用。

理解兩個環境的差異與使用方式,將幫助你學習不少前端的必備知識。

追蹤網站流量

如果想了解有多少人在使用你的網站,可以學習如何使用 Google Analytics 。對於功能較複雜的網站,也可以用 Google Analytics 的事件(event)來紀錄使用者行為,再根據實際的使用數據優化網站。

SEO(Search Engine Optimization)

如果希望更多人能在 Google 搜尋看到你的網站,可以試著學習 SEO 相關知識來優化網站架構。反之,如果不希望網站出現在搜尋結果中,也可以學習如何避免網站被搜尋引擎抓取。


文章同步發表於部落格中


上一篇
12. 如何管理專案版本?
下一篇
14. 如何優化開發效率?
系列文
前端自學轉職攻略:30個常見問題28
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言