見出し画像

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

こんにちわ。nap5です。

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


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


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


デモサイトです。

リロードしてもNotFoundとならずに、ページが表示されていることを確認しています。


winesのID単位にページが切り替わるときに、renderのrewriteルールを使っています。


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

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


デモコードです。



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


簡単ですが、以上です。

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