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 开发者。
声明:本站所有文章,如无特殊说明或标注,均为本站发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。