javascript - サーバー側のレンダリングなしでパラメーター化された次のルーティングをセットアップする方法は?

Question

next.js 構成でルーティングを設定しようとしています。これまでに何を試しても、意図した結果は得られませんでした。これは私にとって混乱し、イライラするようになってきています。

ここに私が欲しいものがあります:

• URL は/=>に移動します/index.js
• URL は/users/=>に移動します/user/index.js
• URL は/users/[user-id]=>に移動します/user/user.js

動作しないものは次のとおりです。

module.exports = {
  target: "serverless",
  async rewrites() {
    return {
        afterFiles: [
          {
            source: "/users/",
            destination: "/users/"
          },
          {
            source: "/users/:path*",
            destination: "/users/:path*"
          },
          {
            source: "/:path*",
            destination: "/:path*"
          },
          {
            source: "/:else*",
            destination: "/"
          }
      ]
    };
  },
};