在 Next.js 中获取非 API 数据的最佳实践是什么（通过 Vercel 部署）答案

【问题标题】：What is the best practice to fetch non-api data in Next.js(deploying through Vercel)在 Next.js 中获取非 API 数据的最佳实践是什么（通过 Vercel 部署）
【发布时间】：2021-01-11 09:54:58
【问题描述】：

我正在尝试在呈现我的应用程序之前获取我自己的数据。幸运的是，Next.js 提供了getStaticProps() 用于获取数据。

我目前正在使用fs 模块从本地目录中的 json 文件中获取我的数据。

export async function getStaticProps() {
  const rawData = fs.readFileSync('./dataset/test.json');
  const data = modifyData(JSON.parse(rawData));
  return {
    props: {
      data
    }
  }
}

但问题是，为了保护我的原始数据，我没有将它们推送到 GitHub 远程存储库。忘记这一点，当我尝试通过 vercel 部署我的应用程序时，它无法从我的 GitHub 存储库中读取任何数据，因为存储库不包含任何要从中获取的数据...

我不想将我的原始数据推送到 GitHub。

我想知道

在不将任何原始数据推送到远程存储库的情况下获取原始数据的最佳做法

如果有 Next.js 的一些基础知识或我遗漏的任何其他内容，请告诉我并纠正我。

【问题讨论】：

标签： javascript next.js vercel

【解决方案1】：

作为“无服务器”，您必须将数据托管在某个地方，database 或file。

【讨论】：

您能详细说明一下吗？我阅读了您提供的链接并在 Google 上搜索了更多链接。看起来，如果我想将文件用作数据，那么我应该在无服务器（例如 AWS S3）中上传它并使用 Next.js 中的 api 获取它。这样对吗？在深入每个概念之前，如果我大致了解整个过程，我会很高兴