見出し画像

Firebase HostingでNextjsのDynamic Routing SSGをサーブしてみました

nap5

こんにちわ。nap5です。

Firebase HostingでNextjsのDynamic Routing SSGをサーブしてみましたので、紹介したいと思います。


前回の記事関連です。


今回はRewriteルールが味噌になるんですが、ポイントは以下の2つです。

  1. trailingSlash: trueを追加してビルド時にスラグディレクトリごとのindex.html静的ファイルを生成させる

  2. Firebaseの設定ファイルRewriteルールを追加する


あとは前回とほぼ同じです。

デモサイトです。SSGしているのはwinesページになります。


デモコードです。


簡単ですが、以上です。


『 CO-WRITE（コライト）』では実践的でイノベーティブな情報を、連日書き下ろし掲載しています。



いいなと思ったら応援しよう！