[前端自學轉職攻略] 13. 怎麼把 side project 放到網路上？

學習使用前端部署平台

將專案部署到網路上，就能直接使用網址來開啟專案，不需要再透過 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 相關知識來優化網站架構。反之，如果不希望網站出現在搜尋結果中，也可以學習如何避免網站被搜尋引擎抓取。