文件名称:nextjsapp:美国广播公司
文件大小:939KB
文件格式:ZIP
更新时间:2024-04-24 06:20:37
JavaScript
使用Next.js和WordPress静态生成的博客示例 此示例展示了使用作为数据源的Next.js的功能。 演示版 自己部署 获得使用部署示例: 相关例子 如何使用 使用或执行以引导示例: npx create-next-app --example cms-wordpress cms-wordpress-app # or yarn create next-app --example cms-wordpress cms-wordpress-app 配置 步骤1.准备您的WordPress网站 首先,您需要一个WordPress网站。 有许多用于WordPress托管的解决方案,例如和 。 网站准备就绪后,您将需要安装插件。 它将向您的WordPress网站添加GraphQL API,我们将使用它来查询帖子。 请按照以下步骤进行安装: 将下载为ZIP存档。 在您的WordPress管
【文件预览】:
nextjsapp-main
----.env.local(167B)
----docs()
--------plugins-add-new.png(10KB)
--------plugins-upload-new.png(201KB)
--------plugin-installed.png(38KB)
--------new-post.png(358KB)
--------wp-graphiql.png(221KB)
----package.json(448B)
----.env.local.example(130B)
----package-lock.json(376KB)
----pages()
--------index.js(1KB)
--------api()
--------_document.js(290B)
--------posts()
--------_app.js(135B)
----Screen Shot 2021-03-21 at 3.56.01 PM.png(39KB)
----.gitignore(6KB)
----components()
--------alert.js(1KB)
--------post-preview.js(907B)
--------cover-image.js(539B)
--------header.js(296B)
--------container.js(118B)
--------hero-post.js(1KB)
--------footer.js(1KB)
--------post-title.js(274B)
--------categories.js(409B)
--------more-stories.js(724B)
--------date.js(205B)
--------intro.js(845B)
--------post-body.module.css(1017B)
--------avatar.js(506B)
--------post-header.js(915B)
--------layout.js(359B)
--------post-body.js(270B)
--------meta.js(1KB)
--------section-separator.js(103B)
--------tags.js(338B)
----.env.local.example copy(130B)
----tailwind.config.js(690B)
----lib()
--------api.js(4KB)
--------constants.js(2KB)
----styles()
--------index.css(2KB)
----public()
--------favicon()
----README.md(9KB)
----postcss.config.js(298B)