Gatsby JS: Build static sites with React Wordpress & GraphQL
Создавайте сверхбыстрые сайты с помощью 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) - готовый к немедленной доставке вашим пользователям, где бы они ни находились.
leveluptutorials
В этой серии уроков мы погрузимся глубже в Gatsby версии 2. Эта версия курса полностью переработана и пересоздана с моего курса Pro Gatsby, и содержит тонну нового контента, который покрывает не только основы Gatsby.
Создавайте невероятно быстрые, многофункциональные и в целом потрясающие приложения React с платформой Gatsby. Хотите сделать самые быстрые, самые производительные и в целом лучшие приложения React? Смотрите не дальше, чем Gatsby. Этот курс - лучшее руководство, которое вы найдете для изучения фреймворка Gatsby. В нем мы создадим полный блог и онлайн-магазин, от начала проекта до развертывания в Интернете.
egghead
JAMstack, сокращение от «JavaScript, APIs, and Markup », делает свой вклад в мире веб-разработки. Создание приложений JAMstack избавляет от необходимости создавать бэкэнд с нуля, позволяя вам сосредоточиться на том, что действительно важно: на вашем контенте.
leveluptutorials
В этой серии мы погрузимся в мир Gatsby и электронной коммерции. Мы начнем с строительства магазина с голыми костями с Stripe. Затем, используя API-интерфейс Shopify, мы создадим простое хранилище на основе iframe и начнем изучать настройку.
