在pages文件夹中，您可以创建以下结构：

pages/
  [lang]/
    [category]/
      index.jsx
      [sub]/
       [product]/
        index.jsx

然后在相应的文件（index.jsx）中，你可以使用useRouternext/router来获取变量：

import { useRouter } from 'next/router'
export default function index(){
  const router = useRouter()
  const {id} = router.query //this is [lang], [category] and [sub]
  ...code
}

可以在这里看到更多：https://nextjs.org/docs/routing/dynamic-routes

编辑：

要在index.jsx中检索Product数据，只需获取URL传递的产品ID（例如：/en-us/categoryLevel1/abc-12345678），然后加载它：

import { useRouter } from 'next/router'
import { useEffect, useState } from 'react'

export default function Index(){
  const router = useRouter()
  const {id} = router.query //this is [lang], [category] and [sub]
  const [product, setProduct] = useState(null)

  const loadProduct = async function (id) {
    // for exemple...
    const res = await fetch(`/api/product/${id}`, {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify(data),
    })
    const response = await res.json()
    setProduct(response)
  
    return response
  }
  
  useEffect(() => {
    loadProduct(id)
  }, [id])

  return (
    <div>
      {/* HTML */}
      {product && product.name}
    </div>
  )
}