莫德雷德将盖茨比的“来自任何地方的源数据”的想法带给了我们其余的人

2020-05-06 04:18:59

✅灵感来自盖茨比,你可以查询任何数据(Markdown,应用编程接口,数据库,内容管理)与图形QLSSG框架不可知性,与任何框架,有✅支持✅吨插件流行的无头内容管理(还没有,我们需要您的贡献!)。

模块。exports={webpack(Config){const{mordredWebpack Plugin}=要求(';mordred/webpack)const mordredPlugin=new MordredWebpack Plugin()配置。插件。PUSH(MordredPlugin)返回配置},}。

模块。exports={插件:[{Resolve:';Mordred-source-Filessystem';,选项:{//这是您将在其中创建Markdown文件的路径:__dirname+';/content';,},},{Resolve:';Mordred-Transformer-markdown';,},],}。

当您运行NEXT或NEXT BUILD时,Mordred将在Mordred/raphql.js中生成一个GraphQL客户端,然后您可以使用生成的客户端来查询数据。

import{query,gql}from';../Mordred/GraphQL';export const getStaticProps=async()=>;{const{data,error}=等待查询(gql`{allMarkdown{Nodes{id slug createdAt UpdatedAt html FrontMaterial{#.。或任何首页内容#like:title}`)if(Error){掷出错误[0]}return{props:{.data,},}}导出默认值({allMarkdown})=>;{return(<;ul>;{allMarkdown。节点。map((Post)=>;{return(<;li key={post.。id}>;<;Link href={`/post/${post.。slug}`}>;{POST。title}<;/Link>;<;/li>;)})}<;/ul>;)}。

从EXPRESS导入EXPRESS;从EXPRESS-GraphQL';导入GraphqlHTTP;从';../../Mordred/GraphQL';Const app=express()app导入{schema}。使用(raphqlHTTP({schema,raphiql:true,}))导出默认APP。

我们正在等待Nuxt;的全静态模式,不过已经可以将Mordred与Nuxt#s的异步数据一起使用了。我们将很快对此进行记录。