Next.js - 读取静态文件数据

参考代码

示例数据

在 NextJS 项目下添加文件 ./data/user.json，示例内容如下

{
  "name": "Anoyi🐬"
}

示例读取文件数据

添加页面 ./pages/user.tsx，示例内容如下

import { readFileSync } from 'fs'
import path from "path"

const Page = ({user}) => {
  return (
    <div>
      {user.name}
    </div>
  )
}

export async function getStaticProps() {

  const user = readFileSync(path.join(process.cwd(), 'data', `user.json`), 'utf-8')

  return {
    props: {
      user: JSON.parse(user),
    },
  }

}

export default Page