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 创建静态、内容驱动的网站