Next.js 与 WordPress:快速构建 Next.js 网站

使用 Next.js 和 WordPress 创建一个功能完整的房地产网站 ~ Next 2023

学习内容:

  • 提升作为前端/React JS开发者的技能与价值
  • 学习 Next.js 的使用
  • 创建基于 Next.js 的静态、服务器编译的内容驱动网站(使用 React JS 和 GraphQL)
  • 使用 GraphQL 和 GraphiQL 查询存储在 WordPress 中的数据
  • 设置 WordPress 作为后端,构建内容并通过 React JS 和 GraphQL 渲染页面
  • 使用 Vercel 部署 Next.js 静态网站,内容更改时自动重建
  • 使用 Tailwind CSS 为 Next.js 应用添加样式
  • 创建自定义 Gutenberg 区块与 ACF pro
  • 使用 React Context 和 React Hooks
  • 创建自定义的 React hooks 和 Next.js API 端点

本课程包括:

  • 8.5 小时按需视频
  • 2 篇文章
  • 7 个可下载资源
  • 可在手机和电视上访问
  • 完成证书

价格:$54.99

教程评分:4.6 分

教程语言:英文

教程字幕:中英文字幕

课程要求:

  • 需要具备 React JS 的基础知识

课程描述:

本课程将带您通过使用 Next.js 和无头 WordPress 后端,提升 React JS 技能并提高前端开发者的职业价值。课程中,我们将使用 Next.js 和 GraphQL 从 WordPress 数据中生成和构建静态页面。您将学习如何将 WordPress 设置为无头 CMS,并使用 Next.js 从 WordPress 数据(如自定义文章类型、页面、菜单、媒体、扩展自定义字段等)生成一个快速的服务器渲染的 React 网站。课程涵盖了在 Next.js 中映射 Gutenberg 区块、创建自定义 Gutenberg 区块、使用 Tailwind CSS 为组件设置样式、使用 GraphQL 和 GraphiQL 查询数据等内容,最终实现内容更改时通过 Vercel 自动重建的实时网站部署。

本课程适合希望学习 Next.js、WordPress、GraphQL 和 Tailwind CSS,以创建快速静态网站的 React JS 开发者。

B站免费课程

更多 web开发 教程

发表回复

后才能评论

尊敬的用户,您好!由于部分培训机构和留学生的举报,近期导致网站大量链接暂时失效。对此给您带来的不便,我们深表歉意。任何链接失效的资源,欢迎您添加侧边栏二维码随时反馈,我们将在48小时内为您提供新的网盘链接。如果您对此不便感到不满,您也可在48小时内申请无理由退款。感谢您的理解与支持!

Windows播放器推荐:Potplayer Potplayer 是免费的 Windows 播放器,支持双字幕和自动翻译功能。以下是操作指南: 挂载字幕 加载中文字幕:右击选择 字幕 -> 字幕设置,取消“只匹配文件名字幕”选项。可调整字幕颜色、位置和大小。 双字幕设置:右击 字幕 -> 选择字幕 -> 次字幕输出,设置主字幕和次字幕。 自动翻译 若可访问 Google 翻译服务,选择 字幕 -> 实时字幕翻译,勾选 总是使用 和 Google Translate,即可实时翻译英文字幕。 Potplayer 让观看更智能,学习体验升级。

最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可联络站长解决。

如果您已经成功付款但是网站没有弹出成功提示,请联系站长提供付款信息为您处理

源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源