Создавайте сверхбыстрые сайты с помощью Wordpress и Gatsby.js, фреймворка, ориентированного на будущее, использующего React JS и GraphQL
Повышайте уровень своих навыков React, изучая Gatsby.js с помощью бэкэнда Wordpress! Gatsby JS использует React JS и GraphQL для генерации и построения статических страниц из заданного набора данных. В этом курсе мы рассмотрим настройку Wordpress в качестве автономной CMS при использовании GatsbyJS для создания быстродействующего веб-сайта React, отображаемого на сервере, из данных Wordpress, таких как записи, страницы, меню, мультимедиа, расширенные настраиваемые поля (и многое другое!) С использованием GraphQL для запроса этих данных.
Правильно, мы можем на самом деле запрашивать данные Wordpress, используя GraphQL!
В этом курсе мы создадим веб-сайт портфолио, рассмотрим начальную настройку и разработку Gatsby JS и Wordpress локально, создадим файлы шаблонов Wordpress и сопоставим их с компонентами React, а также запросим данные Wordpress с GraphQL для автоматической генерации наших статических страниц.
Мы посмотрим, как мы можем запрашивать данные Wordpress с GraphQL с помощью инструмента браузера GraphiQL. Мы также разберемся с небольшим количеством кода Wordpress, но не слишком сильно - главное внимание здесь уделяется Gatsby. Как только мы освоимся с GatsbyJS и Wordpress, мы приступим к настройке и развертыванию живого веб-сайта с помощью Netlify, который перестраивает наши статические веб-страницы каждый раз, когда мы обновляем контент в нашем Wordpress-бэкенде.
Рекомендуется иметь элементарные знания о React. Мы расскажем обо всем остальном, от Gatsby.js, Wordpress, GraphQL и styled-components.
Gatsby.js создает самый быстрый сайт. Вместо того, чтобы ждать создания страниц по запросу, Gatsby предварительно создает страницы и переносит их в глобальное облако серверов (для этого мы будем использовать Netlify) - готовый к немедленной доставке вашим пользователям, где бы они ни находились.