如何（過度）設計一個簡單的靜態網站

就在一年多前，我的任務是為我學院的一個研發小組開發一個新網站。他們的舊網站是建立在 jQuery 模板之上的，通常很難維護。到目前為止，我已經建立了大約一年的使用者介面，我認為我有能力設計一個更好的網站…我錯了！

XKCD 974：一般問題

我之前參與過的專案都使用了 React.js，有些使用了 Next.js，有些沒有使用 Next.js。正如他們所說，「如果你只有一把錘子，那麼一切看起來都像釘子。」所以我選擇了這些技術來建立一個簡單的靜態網站。

事後看來，從一開始就很明顯這不會有好結果。實際上，如果您想使用資料驅動的內容建立高度互動的動態使用者介面，React.js 有點棒。 Next.js 是一個很好的配套框架，它提供伺服器端渲染、路由並幫助優化效能（以及許多其他功能）。然而，我建立的網站是靜態的，這意味著它不會從大多數功能中受益。當然，它可以使用 React.js 和 Next.js 構建——而且確實如此——但成本是多少？

上述工具相當複雜。要使用它們建立網站，您需要了解它們的來龍去脈。你不能只編寫標記和樣式就結束了，因為它們需要編寫在React 的功能組件和鉤子範例中，遵循基於組件的架構並通過props 和上下文處理資料流......這就是全部您將編寫更多行程式碼。

當然，這本身並不是問題。僅靠標記和樣式可能無法滿足專案的要求，並且您可能會浪費時間重新發明輪子編寫自己的 JavaScript 程式碼，而不是使用現成的解決方案。但如果可以在不增加複雜性的情況下滿足要求，那麼這樣做是明智的。否則，您將過度設計並最終獲得一個比應有的更難（且成本更高）維護的項目。

這就是我們網站的完整循環。舊的因為難以維護而不得不更換。由於一位能力有限的年輕軟體工程師的才華，新公司現在發現自己處於同樣的境地——實際上，更糟糕的境地。我想我們現在需要一個新的網站！我計劃扔掉當前的程式碼庫，並使用 HTML 和 CSS 之外的盡可能少的內容來重建它。也許我會考慮靜態網站產生器。

以上是如何（過度）設計一個簡單的靜態網站的詳細內容。更多資訊請關注PHP中文網其他相關文章！