WEB

renderのrewriteルールを使ってNextjsのSSG資産をサーブしてみよう〜ダイナミックルーティングを添えて〜

こんにちは。nap5です。

renderのrewriteルールを使ってNextjsのSSG資産をサーブしてみましたので、紹介したいと思います。

renderはWeb資産のホスティングサービスなどを提供しているサービスになります。

使い勝手が良いので、デモでよく使っています。

デモサイトです。

リロードしてもNotFoundとならずに、ページが表示されていることを確認しています。
winesのID単位にページが切り替わるときに、renderのrewriteルールを使っています。

こちらが実際の設定のキャプチャになります。ルーティングパスをプレースホルダーでハンドリングして、書き換え先のページへ飛ばしています。

nullrenderのrewriteルール設定画面の例

デモコードです。

FirebaseHostingCloudflare Pagesのホスティングでも同様のことはできると考えているので、チャレンジしてみたいですね。

簡単ですが、以上です。