Trinity
Администратор
- Регистрация
- 10.07.21
- Сообщения
- 31.305
- Реакции
- 440.199
[Udemy] Next JS и WordPress: быстрое создание сайтов Next JS с помощью Next и WP (2022)
Вы хотите улучшить свои навыки React JS и повысить свою ценность в качестве разработчика интерфейса?
Повысьте уровень своего набора навыков React, изучив Next.js с безголовым бэкэндом WordPress! Сайт, который мы будем создавать в Next JS, использует React JS и GraphQL для генерации и создания статических страниц из заданного набора данных. В этом курсе будет рассмотрена настройка WordPress в качестве безголовой CMS при использовании NextJS для создания невероятно быстрого веб-сайта React с серверным рендерингом из данных WordPress, таких как настраиваемые типы сообщений, страницы, меню, мультимедиа, расширенные настраиваемые поля (и многое другое! ) с помощью GraphQL для запроса этих данных.
Правильно, мы можем запросить данные WordPress с помощью GraphQL!
В этом курсе мы создадим веб-сайт агентства недвижимости, рассмотрим первоначальную настройку и разработку Next JS и WordPress локально, сопоставим блоки Gutenberg с компонентами React, создадим собственные настраиваемые блоки Gutenberg, стилизуем эти компоненты с помощью Tailwind CSS и запросим WordPress. и данные Gutenberg с GraphQL для автоматического создания наших статических страниц.
Мы рассмотрим, как мы можем запрашивать данные WordPress с помощью GraphQL с помощью инструмента браузера GraphiQL. Мы также немного поработаем над кодом WordPress, но не слишком много — основное внимание здесь уделяется Next JS. После того, как мы освоим и освоим разработку с NextJS и WordPress, мы перейдем к настройке и развертыванию работающего веб-сайта с использованием Vercel, который перестраивает наши статические веб-страницы каждый раз, когда мы обновляем контент в нашем бэкэнде WordPress, используя веб-перехватчики.
Рекомендуется иметь элементарные знания React. Мы рассмотрим все остальное из Next.js, WordPress, GraphQL и Tailwind CSS!
Скорость мимо конкурентов!
Next.js создает максимально быстрый веб-сайт. Вместо того, чтобы ждать создания страниц по запросу, мы будем использовать функцию статической генерации в Next JS для предварительной сборки страниц и переноса их в глобальное облако серверов (для этого мы будем использовать Vercel) — готовые к доставке. мгновенно своим пользователям, где бы они ни находились.
Подробнее:
Вы хотите улучшить свои навыки React JS и повысить свою ценность в качестве разработчика интерфейса?
Повысьте уровень своего набора навыков React, изучив Next.js с безголовым бэкэндом WordPress! Сайт, который мы будем создавать в Next JS, использует React JS и GraphQL для генерации и создания статических страниц из заданного набора данных. В этом курсе будет рассмотрена настройка WordPress в качестве безголовой CMS при использовании NextJS для создания невероятно быстрого веб-сайта React с серверным рендерингом из данных WordPress, таких как настраиваемые типы сообщений, страницы, меню, мультимедиа, расширенные настраиваемые поля (и многое другое! ) с помощью GraphQL для запроса этих данных.
Правильно, мы можем запросить данные WordPress с помощью GraphQL!
В этом курсе мы создадим веб-сайт агентства недвижимости, рассмотрим первоначальную настройку и разработку Next JS и WordPress локально, сопоставим блоки Gutenberg с компонентами React, создадим собственные настраиваемые блоки Gutenberg, стилизуем эти компоненты с помощью Tailwind CSS и запросим WordPress. и данные Gutenberg с GraphQL для автоматического создания наших статических страниц.
Мы рассмотрим, как мы можем запрашивать данные WordPress с помощью GraphQL с помощью инструмента браузера GraphiQL. Мы также немного поработаем над кодом WordPress, но не слишком много — основное внимание здесь уделяется Next JS. После того, как мы освоим и освоим разработку с NextJS и WordPress, мы перейдем к настройке и развертыванию работающего веб-сайта с использованием Vercel, который перестраивает наши статические веб-страницы каждый раз, когда мы обновляем контент в нашем бэкэнде WordPress, используя веб-перехватчики.
Рекомендуется иметь элементарные знания React. Мы рассмотрим все остальное из Next.js, WordPress, GraphQL и Tailwind CSS!
Скорость мимо конкурентов!
Next.js создает максимально быстрый веб-сайт. Вместо того, чтобы ждать создания страниц по запросу, мы будем использовать функцию статической генерации в Next JS для предварительной сборки страниц и переноса их в глобальное облако серверов (для этого мы будем использовать Vercel) — готовые к доставке. мгновенно своим пользователям, где бы они ни находились.
- Не нужно ждать ответов API
- Не нужно ждать рендеринга компонентов на основе запрошенных данных
- Не загружайте спиннеры!
- Не нужно ждать, пока сервер скомпилирует страницу для показа в браузере — эти страницы уже предварительно скомпилированы и готовы к мгновенному показу вашим пользователям!
- Разработчики React JS, которые хотят изучить лучший подход к созданию статических веб-сайтов, ориентированных на контент, с помощью WordPress, React JS и GraphQL с использованием Next JS.
- Иметь базовое представление о React JS
Подробнее:
Скачать:
Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.
