GraphQL 就像 Next.js 中的 Gatsby

Question

我的问题是有没有办法像 Gatsby 一样在 Next.js 中设置 Graphql。 这样我就可以查询页面并从中获取数据。 Next.js 是否有 Gatsby-file-source 和 gatsby-markdown-remark 等插件？ 例如：

`export const query = graphql`
     query($slug: String!) {
      mdx(frontmatter: { slug: { eq: $slug } }) {
       frontmatter {
        tags
        slug
        title
        date
        country
        categories
        }
       }
      }`

这样我就可以查询项目中的所有 mdx 文件并从中获取 frontmatter 来使用和存储。

据我发现，Gatsby 以某种方式将文件转换为 graphql 可以读取和查询的节点

Answer 1

不确定 Graphql 节点，但您可以将 mdx 转换为 json。 尝试使用 ContentLayer 和 Mdx 插件。

此后，您可以映射该 json 以从 Graphql 解析它或直接导入 json 数据。 AFAIK，contentlayer 和 Mdx 应该足够了。 详情

此外，添加 remark-code-import 作为插件可能有助于从文件导入代码。