Gatsby JS:使用 React 和 WordPress 构建 Gatsby 静态站点

The Gatsby & WordPress stack – 学习 Gatsby 并使用 WordPress 后端生成超快的 Gatsby 静态站点

讲师:Tom Phillips

口袋资源独家Udemy付费课程独家中英文字幕配套资料齐全!

不到1/10的价格,即可享受同样的高品质课程,且可以完全拥有,随时随地都可以任意观看和分享。

你将会学到的

  • 作为前端/React JS 开发人员,增加您的价值并提高您的知识
  • 学习盖茨比
  • 使用 Gatsby JS(使用 React JS 和 GraphQL)创建一个静态的、服务器编译的、内容驱动的网站
  • 了解如何使用 GraphQL 和 GraphiQL 查询存储在 WordPress 中的数据
  • 将 WordPress 设置为构建内容的后端,然后使用 React JS 和 GraphQL 将内容呈现为页面
  • 使用 Netlify 部署您的 Gatsby JS 静态网站并在内容更改时重新构建

本课程包括:

  • 3.5 小时 长的随选视频
  • 6 篇文章
  • 1 个可下载资源
  • 在移动设备和电视上观看
  • 作业
  • 结业证书

要求

  • 对 React JS 有基本的了解

说明

** 主要课程更新 **

  • 关于如何在 Gatsby 中创建带有分页的博客的全新部分
  • 将本地 WordPress 站点迁移到 DigitalOcean 上托管的实时服务器(新客户可获得 50 美元的免费信用额度!)

您想提高您的 React JS 技能并增加您作为前端开发人员的价值吗?

– “盖茨比让您可以使用您的数据构建超快的网站 ,无论来源如何。将您的网站从传统的 CMS 中解放出来,飞向未来。”

通过使用 WordPress 后端学习 Gatsby.js,提升您的 React 技能!Gatsby JS 使用 React JS 和 GraphQL 从给定的数据集生成和构建静态页面。本课程将着眼于将 WordPress 设置为无头 CMS,同时使用 GatsbyJS 从 WordPress 数据(例如帖子、页面、菜单、媒体、高级自定义字段)(以及更多!) GraphQL 来查询该数据。

没错,我们实际上可以使用 GraphQL 查询 WordPress 数据!

我们将在本课程中创建一个投资组合网站,查看 Gatsby JS 和 WordPress 在本地的初始设置和开发,创建 WordPress 模板文件并将它们映射到 React 组件,并使用 GraphQL 查询 WordPress 数据以自动生成我们的静态页面。

我们将了解如何使用 GraphiQL 浏览器工具使用 GraphQL查询 WordPress 数据。我们也会着手编写一些 WordPress 代码,但不要太多——这里的主要焦点是 Gatsby。一旦我们熟悉并熟悉了 GatsbyJS 和 WordPress 的开发,我们将继续使用 Netlify 设置和部署一个实时网站,每次我们更新我们的 WordPress 后端中的内容时,它都会重新构建我们的静态网页。

建议您对 React 有基本的了解。我们将涵盖 Gatsby.js、Wordpress、GraphQL 和 styled-components 中的所有其他内容!

超越竞争对手的速度!

Gatsby.js 构建最快的网站。Gatsby 无需在请求时等待生成页面,而是预先构建页面并将它们提升到全球服务器云中(我们将为此使用 Netlify) – 随时准备好立即交付给您的用户,无论他们身在何处。

  • 无需等待 API 响应
  • 无需等待根据请求的数据渲染组件
  • 没有加载微调器!
  • 无需等待服务器编译页面以提供给浏览器 – 这些页面已经预编译并准备好立即提供给您的用户!

其他学生对 Gatsby & WordPress 课程的评价:

5/5 星– “汤姆是一个非常好的人,声音很好。他的课程很中肯,他对问答的反应很棒。我真的很喜欢这个课程没有那么长的事实,它向你展示了无限的可能性你可以使用 Gatsby 和 WordPress API 来完成。对我来说,这是一个非常好的起点,可以将几个没有 CMS 的网站转换为一个有 CMS 的网站” ——Edwin Boon

5/5 星– “Tom 的课程简洁明了,并为您提供了一个很好的例子,说明如何利用您的 React 知识流利地使用 Gatsby。” –罗布·索恩

5/5 星– “直截了当,没有鼓舞士气的谈话,汤姆将课程作为两位同事之间的分享经验。根据他的经验,他没有自称教学,但展示了他认为有帮助的东西,他顺利地推动了讲座以简约的方式将 react、graphQL 和 wordpress 与 gatsby 交织在一起,任何人都可以使用。不要指望复杂的 ract 模式,因为这不是重点;我真的很感谢 Tom,将注意力集中在整个架构上,而不是 react/ wordpress/graphQL 特定的。请注意,我们不是在谈论旧的 Web 模式,因此请确保您对 react、wordpress 和 REST API 有充分的了解;通过他的阐述,gatsby 的解释自然会到位,几乎不引人注意;您已经会用了。”- 托尼·格雷罗

5/5 星– “我不知道这是可能的!我通常使用 React,但以前从未使用过 WordPress,但我发现这非常清楚。精彩的课程 – 谢谢!” 卡罗尔·艾玛

此课程面向哪些人:

  • React JS 开发人员希望学习更好的方法来使用 Gatsby JS 使用 WordPress、React JS 和 GraphQL 创建静态、内容驱动的网站

发表回复

后才能评论

  • 每一个课程页面,都有演示地址选项,点击链接可以跳转到课程发布网站查看详细课程列表。
  • 绝大部分课程都有试看内容,可以先点击试看,再决定是否购买。
  • 本站课程均存储在阿里云盘或百度网盘中,由于阿里云盘对分享的文件类型有限制,所以课程资料和字幕会存储到蓝奏云盘中。
  • 阿里云盘和蓝奏云盘都是不限速下载的,你既可以选择在阿里云盘中在线学习,也可以选择下载到本地学习。
  • 课程下载到本地可以挂载中英文双字幕,请点击查看Potplayer挂载中英文双字幕教程
  • 本站所有课程,均提供mp4格式视频文件,中英文双字幕,配套资料齐全,不加密。
  • 每一个课程右侧下载面板中,都会有清晰度标识,大部分都是1080P或者720P,还有少数是超高清的。
  • 本站课程购买之后,均可以免费更新,所有课程,皆配有中文字幕。
  • 请注意,课程的中文字幕是根据英文字幕用谷歌翻译生成的,本非人工翻译。谷歌翻译准确度尚可,学习观看,没有问题。
  • 由于数字资源具有可复制性,一旦购买,不接受退款要求,请在购买之前,认真了解课程内容,确定是否需要。
  • 当然,如果有特殊情况,可以查看网站底部联系方式,联系站长说明问题,我会为你妥善处理。
  • 赞助本站VIP会员,可以免费下载所有课程,详情请查看VIP介绍