從頭開始構建一個新的網站需要大量的前期規劃與分析。在決定使用哪個平台之前，有需多的因素需要考慮。在今天的博客文章中，我們將分享我們幫客戶開始構建新網站之前要提出的核心問題。另外，我們將分析三個我們最常使用的網站框架：React，WordPress 和 Webflow。
選擇平台：開始前需要考慮的5個問題
1. 誰負責開發和維護網頁？他們有編程知識嗎？
如果目標是構建一個具有多種且定制的功能的複雜網站，那麼團隊中有人具有編程經驗就非常重要。如今，有數十種無需編碼的平台可以讓任何人構建一個好看的網站。但是這些平台有其限制，瞭解HTML，CSS和Javascript等編程語言可以幫助克服這些限制。
2. SEO是項目的關鍵嗎？
有些平台比其他平台更注重SEO。在這方面，分析平台的速度，網頁中將包含多少不必要的代碼，Google（或其他爬蟲）是否能輕易閱讀和解釋代碼等等是至關重要的。
3. 平台是否提供支援，或者有沒有一個可以提供幫助的社群支援？
在開發網站時，會遇到問題和疑問，在這個時候，找到正確的解決方案將非常重要，這要感謝平台提供的社區或支援。用戶越多，有人已經面臨過類似問題的可能性就越大。
4. 成本是多少？預算是多少？
有些平台有每月的費用，在選擇平台時考慮這一點是必要的。未來轉移到不同的平台可能需要花費大量的金錢，所以在一開始就明智地選擇將會很有幫助。
5. 網站的目的是什麼？它是否需要有很獨特的設計?
比如說: 你是否要打造一個電子商務商店？
如果該網站未來可能需要有電子商務、獲客渠道或資訊頁面的功能。因此，在決定使用哪個平台時，我建議分析網站的目的。電子商務商店尤其具有挑戰性，因此建議考慮網站是否將在不久的將來轉向這種模型。"
- 而目前在台灣的話因為 Webflow 不支援台灣銀行的金流所以你不該選擇 Webflow, 而更應該要選擇 Shopline, WooCommerce, 或是 Shopify 等平台去建構網站, 避免未來需要此功能後避免不必要的重複開發
- Tip: 如果真的需要使用 Webflow 去實現的話我會建議採用 Cloudflare 搭配 Shopline + Webflow 組建 Landing page, 或是如果開發能量很足夠的話也可以使用 Webflow 與 React 的組合合併於 Shopline, Woocommerce 或是任何您喜愛的電商平台
ReactJS vs WordPress vs Webflow：如何為您的項目選擇最佳平台
一旦您已經經過這些關鍵點來決定在哪個平台上開發您的網站，現在是分析可用平台的時候了，以及他們如何適應上述挑戰。在這篇文章中，我們將分析ReactJS，Wordpress和Webflow。
ReactJS
ReactJS是一個開源的JavaScript庫，專用於建立單頁應用程序的用戶界面。它非常適合開發管理頁面或控制面板。我們常用 React 替客戶建構 MVP, 一些小型的工具, 或是 SaaS 服務。以下是其一些亮點：
💻 編程：正如名字所示，它是使用JavaScript構建的，但也需要了解HTML和CSS。它可以通過不同的語言或框架連接到任何後端，提供了許多自由度。如果您的目標是為應用程序建立一個控制面板，控制電子商務的庫存，社交媒體網站等，這是您要選擇的平台。例如，Facebook就是使用ReactJS建立的。
🕷️ 對SEO友好：儘管有多種工具可以使React網頁更友好SEO，但他們通常成本高昂，而且設置起來並不容易。如果項目收入將依賴於SEO，ReactJS可能並不是最佳選擇。因為將相較於 Webflow 或是有眾多 SEO Plugin (YoastSEO)支援的 Wordpress 比起來，React 的開發對於未來需要大量依賴 SEO 與內容行銷的網站來說，你會需要投入更多工程師的資源去實現相當於 Wordpress/ Webfow 既有的 SEO 功能。
🙋♀️ 社群：React周圍有一個大社群，並且發布了許多原始碼庫與工具，這將使與第三方庫的集成變得簡單易行。通常如果你的團隊開發能力很強的話，通常都會直接考慮 React。
💰 成本：開放原始碼免費。但是將需要支付域名和托管的費用，如 AWS/ GCP/ Azure 等雲端服務的建構成本。
🛒 電子商務：可以使用React建立一個電子商務網站。有大量的庫可用。但要小心，電子商務網站通常依賴於SEO。(建議: 需開發團隊的資源豐富並有電商相關的經驗)
Wordpress
Wordpress是一個在2003年推出的內容管理系統（CMS）。起初，它主要用於博客，但現在，幾乎任何網站都可以使用Wordpress構建。我們過去常用 WorpPress 替客戶建構中小型企業網站, 電子商務, 或雜誌與媒體網站，這些都是 WordPress 最強的版塊之一。
💻 編程：Wordpress是使用PHP，Javascript，HTML和CSS構建
的。可以使用這些語言創建新的網頁，但他們也提供了幾個插件（Elemmentor，Divi等），可以通過拖放元素創建網站。這很棒，因為它提供了通過代碼構建網站的一部分，而其他部分則通過視覺界面構建的選擇。
🕷️ 對SEO友好：Wordpress網頁一直能夠在Google上位居頂部，但要實現這一點，擁有乾淨的代碼和良好的結構非常重要。幸運的是，許多插件將有助於改善這些項目的網頁SEO。
🙋♀️ 社群：身為目前全球 CMS 市佔率已超過 45% 的 Wordpress 可能擁有網路上最大的 Web開發者社群。有許多插件可以簡化與第三方的集成，並且有許多論壇可以解決大多數已經出現的問題。
💰 成本：免費。但是，與ReactJS一樣，必須支付域名和托管費用。這最後一個可能比ReactJS需要的稍便宜一些。
🛒 電子商務：Wordpress本身不能成為電子商務，但是使用WooCommerce插件，您可以將任何Wordpress頁面變成電子商務。它可以集成幾乎任何類型的付款，並得到廣泛使用。如 Tendemy - Webflow 大師班就是由 Wordpress + WooCommerce 建構而成的。
Webflow
Webflow提供網站建設和託管的軟件即服務 (SaaS)。他們的在線視覺編輯平台允許用戶設計，構建和發布網站。他們也是目前網站開發的 No Code 領預估值最高的公司，而他們專注於解決一件事 "建立世界上最強大的無代碼開發平台" - 想了解更多關於 Webflow 的產品故事可參考以下連結。
Amelia
💻 編程：它提供了一個視覺界面，用戶可以將不同的功能拖放到網站中。即使需要，也不需要編碼。它通過無代碼達到了Elemmentor或Divi（來自Wordpress）無法達到的個性化程度。
🕷️ 對SEO友好：Webflow頁面托管在Webflow服務器上，速度很快。此外，代碼據稱已經針對SEO進行了優化。因此，可以得出Webflow頁面對SEO友好的結論。
🙋♀️ 社區：Webflow是一個相當新的工具，但它背後有一個不錯且樂於貢獻的社區，這使得解決可能出現的問題變得簡單易行。
💰 成本：他們的計劃從每月12美元到36美元不等，具體取決於功能。這比其他選項稍微貴一些，但包括域名和託管。
🛒 電子商務：Webflow 目前在台灣不支持電子商務網站, 只有使用美國當地金流 Stripe 整合的服務。
結論
有許多平台可用於構建網站，但每個平台都面向不同類型的項目。在做出決定之前，分析和比較它們很重要，因為從一個平台遷移到另一個平台可能會耗費時間和成本。
對於沒有編碼知識的人來說，Webflow是完美的，因為它可以創建專業外觀的網站而無需編碼。Tenten 過去於台灣深耕網站開發長達 12 年, 我們對於網站建置, Landing page, 工具, 或是 SaaS 都有深厚的經驗。
除了 React, Wordpress, Webflow 之外我們也會常用 Jamstack, Next.js + Vercel, PHP Laravel, Python 搭配不同需求建構網站
因此對我們來說, 並沒有那個新技術或是工具可以完美的解決所有商業情境的，因此我們選出目前市場上建構網站最常使用的三個 Stack: Wordpress，React 或 Webflow 的解決方案。
但在這種情況下，決定可能取決於網站的內容, 功能需求, 可擴充性, 當然還有更重要的 - 你熟悉的編程語言。
另外如果這些平台都不適合你，並且你打算創建一個無代碼的電子商務網站，Shopify 或是 Shopline 可能是一個有趣的選擇。如果你希望了解更多關於這個和其他框架，可以訂閱追蹤 Tendemy 的 FB 社群, 電子報, 或討論區，我們將會分享更多專業的 Webflow 與網站設計與開發相關的資訊
英文原文:
Aiko
