Nuxt.js static 站點與使用 Vue.js 的動態單頁應用程序？

Question

我正在為一個客戶項目閱讀 Static Site Generators 並遇到 Vue.js 和 Nuxt.js 看起來很有希望。 因為我可以在 Vue.js 和 React 之間進行選擇，所以我現在更喜歡 Vue。

客戶的網站大約有 120 個頁面，其中包含不會經常更改的預定義內容。 因此，它似乎是 static 網站的完美候選人 - 特別是因為他當前的 WordPress 網站剛剛因為糟糕的頁面加載時間而被谷歌抨擊......

“問題”或問題是，除了這 120 個頁面之外，還需要一個頁面基本上是一個單頁面應用程序，它通過 API 從后端動態獲取數據。 要編碼這個動態頁面，如果我也可以使用 Vue.js 將是理想的。

我確實找到了很多關於 Nuxt.js 關於 static 頁面或服務器生成頁面的信息。 But my use case would be many static pages plus one static page that talks to an API and that static page should be made with Vue.js as well (while including the sitewide header, menu, footer, etc.)

這可能嗎？有人做過類似的事情嗎？ 感謝每一個指針！

Answer 1

是的，完全可行。 我建議使用類似 strapi.io 或 contentful 來創建包含每個組件內容的頁面。

您可以在 nuxtjs 和它自己的 cms 下將站點的每個部分創建為一個組件，請參見下面的示例。

https://strapi.io/blog/creating-strapi-dynamic-zone-in-nuxtjs-app

在頁面下，您創建“_.vue”，它將拾取任何“slug”，這就是您使用 slug 獲取頁面內容的方式。

另一個例子 - https://raoulkramer.de/nuxt-js-static-page-generator-with-dynamic-pages/

希望以上能給你一個更好的主意。