Гутенберг в WordPress без заголовка: WPGraphQL Гутенберг

Давайте рассмотрим, как визуализировать отдельные блоки Gutenberg как компоненты React/Vue/Svelte в вашем frontend-приложении с помощью плагина WPGraphQL Gutenberg.

Ведущий: Келен Мейс -   / kellenmace  

Также доступна запись в блоге по этой теме:
https://developers.wpengine.com/blog/...

СОДЕРЖАНИЕ:
00:00 - Введение
00:35 - Назначение плагина WPGraphQL Gutenberg
01:08 - Как работает WPGraphQL Gutenberg
02:53 - Настройка WPGraphQL Gutenberg
03:35 - Пример запроса WPGraphQL Gutenberg
05:00 - Запрос и отрисовка блоков
08:16 - Исправление URL внутренних ссылок
10:10 - Отрисовка HTML и преобразование анкорных тегов в компоненты ссылок
13:28 - Другие применения HTML-парсера
13:39 - Запросы GraphQL и Фрагменты
16:23 — Компромисс: контроль против простоты реализации
19:01 — Заключение

РЕПОСТЫ КОДА:
Приложение Next.js: https://github.com/kellenmace/wpgraph...
Плагин Headless Block Parser: https://github.com/kellenmace/headles...

ДРУГИЕ ССЫЛКИ:
Плагин WPGraphQL Gutenberg: https://github.com/pristas-peter/wp-g...
Плагин WPGraphQL: https://www.wpgraphql.com/
Пакет NPM html-react-parser: https://www.npmjs.com/package/html-re...

ССЫЛКИ DE{CODE}:
Подписывайтесь на все наши материалы здесь: https://developers.wpengine.com
DE{CODE} Twitter:   / wpedecode