Gatsby JS:使用 GraphQL 和 React + WordPress 构建 PWA 博客

Gatsby JS: Build PWA Blog With GraphQL And React + WordPress

使用 GraphQL 和 React + WordPress 创建 Gatsby JS 渐进式 Web 应用程序,并将 Jam 堆栈添加到您的技能中

 学习内容

  • 如何使用 Gatsby JS 创建惊人的快速网站
  • 如何使用盖茨比启动器
  • 如何在Gatsby JS中使用全局CSS和模块CSS
  •  如何使用 GraphQL
  • 如何在盖茨比中使用布局
  • 如何使用 Markdown 备注作为数据源
  • 如何使用 WordPress 获取数据
  • 如何SEO优化你的网站
  • 如何进行灯塔网站审核并提高分数
  • 如何使用 Netlify 部署您的网站
  • Howe 使用 GitHub + Netlify 进行持续部署
  • 如何在 Netlify、WordPress 和 GitHub 中使用 Webhook

 要求

  •  ReactJS 知识
  • JavasScript ES6 知识

 描述

Gatsby JS 是一个基于 React 的免费开源框架,可帮助开发人员构建可以创建网站和应用程序的超快静态站点生成器。

但这到底意味着什么?

井。。。它将 React、Webpack、React-router、GraphQL 和其他前端工具的最佳部分合二为一,并创造了一个让开发人员喜欢的惊人工具!

使用 Gatsby JS,您可以毫不费力地使用现代 Web 技术。一切都将设置好,并等待您开始构建。

Gatsby 最好的事情之一是您可以从无头 CMS、API、数据库或文件系统中引入自己的数据。

那里没有限制。

您甚至可以从 WordPress 获取数据

这使客户可以非常轻松地与您为他们构建的网站进行交互并添加新内容。

他们只需要在 WordPress 上更新他们的帖子,仅此而已……

此外,对于盖茨比,您将不会使用过去十年的技术构建网站。

Web 的未来是移动、JavaScript 和 API(JAMstack)。

每个网站都是一个 Web 应用程序,每个 Web 应用程序都是一个网站。

使用 Gatsby,使您的项目成为静态渐进式 Web 应用程序 (PWA) 非常容易

您可以获得开箱即用的代码和数据拆分。

Gatsby 仅加载关键的 HTML、CSS、数据和 JavaScript,以便您的网站尽可能快地加载。加载后,Gatsby 会预取其他页面的资源,因此在网站上单击感觉非常快。

Gatsby.js构建了最快的网站。

与其等待在请求时生成页面,不如预先构建页面并将它们提升到全球服务器云中,随时可以立即交付给用户,无论他们身在何处。

因此,如果您想知道您将在本课程中学到什么,以下是以下列表

在本课程中,您将学习以下内容:

  • 盖茨比JS的要点以及如何安装它并创建第一个项目

  • 如何使用 Gatsby Starters 创建您的项目

  • 如何在盖茨比中创建页面以及如何正确链接它们

  • 如何将元素分离成组件以及如何使用它们

  • 如何创建可用作模板的页面布局

  •  如何使用 GraphQL

  • 如何添加采购插件

  • 如何使用 Markdown 备注来创建您的页面/帖子

  • 如何使用 Gatsby 和 Markdown Remark 创建博客 (JAM Stack)

  • 如何使用 WordPresss 作为无头 CMS

  • 如何添加元标签并改善网站的 SEO

  • 如何创建SEO组件并在布局中使用它

  • 如何将您的项目部署到 Netlify 和 Github

  • 如何使用 Netlify Webhook 进行持续部署

  • 如何使用 The Lighthouse 审核您的网站(Google 的行业标准)

  • 如何创建灯塔满分

  • 如何将您的网站转换为渐进式 Web 应用程序 (PWA)

  • 如何创建 WordPress Webhook 以在创建/更新/删除帖子时在 Netlify 上重新部署您的项目

如果您被困在某个地方,您也可以在课程中提问。

只要你需要,我就会在那里帮助你。

现在,我希望我的学生在购买时始终感到舒适,这就是为什么我上传了多个免费视频供您随时观看的原因。

此外,我还为您提供 30 天退款保证,不问任何问题!

因此,您没有什么可冒险的,并且可以从这门课程中获得一切!

是时候采取行动了。此优惠不会永远持续下去

本课程适合谁:

  • 想要使用 Gatsby JS 创建快速、SEO 优化的静态网站的初学者 React JS 开发人员
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。