教程演示🔗
课程描述
Next JS 和 WordPress：使用 Next 和 WP 构建快速的 NextJS 站点您想提高您的 React JS 技能并增加您作为前端开发人员的价值吗？通过使用 Headless WordPress 后端学习 Next.js 来提升您的 React 技能！我们将在 Next JS 中构建的站点使用 React JS 和 GraphQL 从给定数据集生成和构建静态页面。本课程将着眼于将 WordPress 设置为无头 CMS，同时使用 NextJS 从 WordPress 数据（例如自定义帖子类型、页面、菜单、媒体、高级自定义字段，（以及更多！） ) 使用 GraphQL 查询该数据。没错，我们实际上可以使用 GraphQL 查询 WordPress 数据！我们将在本课程中创建一个房地产代理网站，在本地查看 Next JS 和 WordPress 的初始设置和开发，将 Gutenberg 块映射到 React 组件，创建我们自己的自定义 Gutenberg 块，使用 Tailwind CSS 设计这些组件并查询 WordPress和 Gutenberg 数据与 GraphQL 自动生成我们的静态页面。
我们将看看如何使用 GraphiQL 浏览器工具通过 GraphQL 查询 WordPress 数据。我们也会接触一点 WordPress 代码，但不会太多——这里的主要焦点是 Next JS。一旦我们熟悉并熟悉使用 NextJS 和 WordPress 进行开发，我们将继续使用 Vercel 设置和部署一个实时网站，每次我们使用 webhooks 在 WordPress 后端更新内容时，它都会重新构建我们的静态网页。建议您对 React 有基本的了解。我们将涵盖 Next.js、WordPress、GraphQL 和 Tailwind CSS 的所有其他内容！
你会学到什么
- 作为前端/React JS 开发人员，增加您的价值并提高您的知识
- 学习下一个 JS
- 使用 Next JS（使用 React JS 和 GraphQL）创建一个静态的、服务器编译的、内容驱动的网站
- 了解如何使用 GraphQL 和 GraphiQL 查询存储在 WordPress 中的数据
- 将 WordPress 设置为构建内容的后端，然后使用 React JS 和 GraphQL 将内容呈现为页面
- 使用 Vercel 部署您的 Next JS 静态网站并在内容更改时重建
- 了解如何使用 Tailwind CSS 设计 Next JS 应用程序的样式
- 了解如何使用 ACF pro 创建自定义古腾堡块
- 使用 React 上下文和 React Hooks
- 创建自定义 React 钩子
- 使用 Next JS 创建 api 端点
本课程适合谁
- 想要学习更好的方法来使用 Next JS 使用 WordPress、React JS 和 GraphQL 创建静态的、内容驱动的网站的 React JS 开发人员
Next JS & WordPress 规范：使用 Next & WP 构建快速的 NextJS 站点
- 发行商：Udemy
- 老师：汤姆·菲利普斯，WebDevEducation（汤姆·菲利普斯）
- 英语语言
- 级别 : 所有级别
- 课程数 : 45
- 时长：5小时43分钟
2/2023 的内容
要求
- 对 React JS 有基本的了解
图片
样片
媒体错误：格式不受支持或来源未找到
安装指南
提取文件并使用您最喜欢的播放器观看
副标题：不可用
画质：720p
下载链接
