|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/next-js-wordpress/
课程评论：没有评论
课程名称：Next JS & WordPress：使用 Next & WP 快速构建 NextJS 网站 课程概述：2023年9月更新：本课程使用 Next JS 页面目录，但新增了一节内容，涵盖如何使用 Next JS 13.4 和应用程序目录，特别是将页面目录转换为应用程序目录。您是否希望提升自己的 React JS 技能，增强作为前端开发人员的价值？通过学习 Next.js 和无头 WordPress 后端，升级您的 React 技能！我们将在 Next JS 中构建的网站使用 React JS 和 GraphQL，从给定的数据集中生成和构建静态页面。本课程将探讨如何将 WordPress 设置为无头 CMS，并使用 NextJS 从 WordPress 数据（如自定义文章类型、页面、菜单、媒体、高级自定义字段等）生成快速的服务器渲染 React 网站，使用 GraphQL 查询这些数据。您没听错，我们可以使用 GraphQL 查询 WordPress 数据！ 在本课程中，我们将创建一个房地产代理网站，探讨 Next JS 和 WordPress 的初步设置与开发，映射 Gutenberg 块到 React 组件，创建自定义 Gutenberg 块，使用 Tailwind CSS 进行组件样式设计，并使用 GraphQL 查询 WordPress 和 Gutenberg 数据，自动生成静态页面。我们将学习如何使用 GraphiQL 浏览工具查询 WordPress 数据。虽然我们将接触一些 WordPress 代码，但课程的主要重点是 Next JS。 熟悉并舒适地使用 NextJS 和 WordPress 开发后，我们将继续设置并部署一个实时网站，使用 Vercel 提高我们静态网页的生成速度，每次更新 WordPress 后端内容时重建页面，并利用 Webhooks 实现。这门课程建议学员具备基础的 React 知识，其余内容将涵盖 Next.js、WordPress、GraphQL 和 Tailwind CSS！ 通过 Next.js 超越竞争对手！Next.js 能够构建最快的网站。我们将在 Next JS 中使用静态生成功能，预先构建页面并将其上传至全球服务器（我们将使用 Vercel），随时准备瞬时交付给用户，无需等待 API 响应、组件渲染或加载旋转图标！这些页面已预编译，能迅速服务于您的用户。
SEPTEMBER 2023 UPDATE: This course uses the Next JS pages directory but a brand new section has been added to cover using Next JS 13.4 and the app directory, specifically converting the pages directory over to the app directory.Do you want to improve your React JS skills and increase your value as a front-end developer?Level-up your React skillset by learning Next.js with a Headless WordPress backend! The site we'll be building in Next JS uses React JS and GraphQL to generate and build static pages from a given dataset. This course will look at setting up Wordpress as a headless CMS while using NextJS to generate a blazing-fast server-rendered React website from WordPress data, such as custom post types, pages, menus, media, advanced custom fields, (and more!) using GraphQL to query that data.That's right, we can actually query WordPress data using GraphQL!We'll be creating an estate agent property website in this course, looking at initial setup and development of Next JS and WordPress locally, mapping Gutenberg blocks to React components, creating our own custom Gutenberg blocks, styling these components with Tailwind CSS and querying WordPress and Gutenberg data with GraphQL to automatically generate our static pages. We'll look at how we can query WordPress data with GraphQL using the GraphiQL browser tool. We'll get our hands into a little bit of WordPress code as well, but not too much - the main focus here is Next JS. Once we're familiar and comfortable developing with NextJS and Wordpress, we'll progress onto setting up and deploying a live website using Vercel that re-builds our static web pages every time we update content in our WordPress backend, using webhooks.It's recommended you have rudimentary knowledge of React. We'll be covering everything else from Next.js, WordPress, GraphQL, and Tailwind CSS!Speed past the competition!Next.js builds the fastest possible website. Instead of waiting to generate pages when requested, we'll be using the static generation function within Next JS to pre-build pages and lift them into a global cloud of servers (we'll be using Vercel for this) - ready to be delivered instantly to your users wherever they are. No waiting for API responsesNo waiting to render components based on requested dataNo loading spinners!No waiting for a server to compile a page to serve to the browser - these pages are already pre-compiled and ready to serve instantly to your users!
