WordPressAPIから返ってくる画像のパスはWordPressの場所がバレてしまう。

//❌　ユーザー側にwordpressのファイルの場所がばれてしまう
https://backend-wp.com/wp-content/uploads/:path*

そこで、Next.jsのrewriteを使ってユーザー側には相対パスが表示されるようにする。next.configに設定します。

// next.config.js
module.exports = {
  async rewrites() {
    return [
      {
        source: '/wp-content/uploads/:path*',
        destination: '<https://backend-wp.com/wp-content/uploads/:path*>',
      },
    ];
  },
};

これを設定することで、ユーザー側には設定で置き換わったリンクが表示される。

このようにセキュリティリスクを回避できるのもJamstackの利点の一つです。