如何將 next.js 的 SG 頁面與 firebase 托管和某些頁面的 CSR 路由相結合

Question

我想在 firebase 主機上發布我的網站。
我正在使用 Static Generate in Next.js 創建頁面。
但是，有些頁面我想做動態路由，比如博客。

URL 看起來像這樣“博客/[slug]”
如果在首頁以外的頁面重新加載，則會是404，所以使用next.config。
“尾隨斜線：真”已設置。

當使用 SG 執行動態路由時，頁面會導出一個文件，例如“blog/[slug]/index.html”。

通常，它適用於從頂部屏幕轉換，但如果您使用 URL 重新加載，它將是 404。

解決此問題的一種方法是檢測博客是否已更新並使用 WebHook 等重新構建並部署它。

網站上有各種方法可以做到，但是由於更新頻率很高，每次都很難構建。

接下來，我正在考慮僅針對 SG 站點中的博客部分進行 CSR（客戶端渲染）。
你不能使用常規的 React 路由器進行路由嗎？ 關於它。
我嘗試僅將 React Router 用於某些頁面，但由於 React Router 不是服務器端進程，因此出現錯誤。

我想做的第二件事可行嗎？

如果您對此問題有任何其他解決方案，請告訴我。

PS: Firebase 由於冷啟動問題無法使用功能...

最良好的問候。

Answer 1

看來只要輸入rewrite設置就解決了。 感謝所有看到問題的人。

"rewrites": [
{
    "source": "/notice/**",
    "destination": "/notice/[slug]/index.html"
}