文件名称：datocms-next-js-blog-demo-3307
文件大小：498KB
文件格式：ZIP
更新时间：2024-04-01 19:43:37
JavaScript
使用Next.js和DatoCMS的Blog示例 此示例展示了一个使用作为数据源的Next.js博客。 它完全支持带有。 此存储库的目的是提供一个快速入门参考，可以通过下面的“一键式”按钮进行设置。 演示版 实时查看最终结果： 如何使用 快速开始 。 确保已设置了。 单击此按钮，让DatoCMS为您设置一切： 本地设置 完成项目和存储库的设置后，请在本地克隆存储库。 设置环境变量 在您的DatoCMS项目中，转到顶部的“设置”菜单，然后点击API令牌。 然后，单击“只读API令牌”并复制该令牌。 接下来，将此目录中的.env.example文件复制到.env （Git将忽略）： cp .env.example .env 然后在.env上设置每个变量： NEXT_EXAMPLE_CMS_DATOCMS_API_TOKEN应该是您刚刚复制的API令牌。 NEXT_EXAMPL
【文件预览】：
datocms-next-js-blog-demo-3307-master
----.env.example(76B)
----netlify.toml(55B)
----pages()
--------_app.js(135B)
--------_document.js(290B)
--------posts()
--------api()
--------index.js(2KB)
----postcss.config.js(464B)
----styles()
--------index.css(113B)
----next.config.js(157B)
----tailwind.config.js(636B)
----lib()
--------fragments.js(411B)
--------datocms.js(549B)
----preview.png(416KB)
----datocms.json(531B)
----components()
--------post-title.js(236B)
--------post-preview.js(863B)
--------cover-image.js(648B)
--------alert.js(1KB)
--------intro.js(805B)
--------hero-post.js(1KB)
--------section-separator.js(103B)
--------date.js(205B)
--------markdown-styles.module.css(251B)
--------header.js(296B)
--------footer.js(1KB)
--------avatar.js(287B)
--------layout.js(306B)
--------container.js(118B)
--------post-header.js(897B)
--------post-body.js(296B)
--------more-stories.js(703B)
----README.md(3KB)
----.gitignore(34B)
----package-lock.json(246KB)
----package.json(559B)