[udemy] Next JS и WordPress: быстрое создание сайтов Next JS с помощью Next и WP (2022)

Ho Lee Fuk

Сенсей
🛡 МОДЕРАТОР 🛡
Регистрация
22 Февраль 2018
Сообщения
11.084
Автор: udemy

Название: Next JS и WordPress: быстрое создание сайтов Next JS с помощью Next и WP (2022)

1666987084561-png.101418


Описание:

Next JS & WordPress: Build rapid NextJS sites with Next & WP

udemy

Вы хотите улучшить свои навыки 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

Материал на английском языке

Подробнее:
Для просмотра содержимого вам необходимо авторизоваться.

Скачать:
Скрытое содержимое могут видеть только члены группы Премиум.


Скрытый контент для пользователей All-dar.
 

Создайте учетную запись или войдите, чтобы комментировать или скачивать материалы!

У вас должна быть учетная запись, чтобы оставлять комментарии

Зарегистрироваться

Создайте учетную запись. Это просто!

Авторизоваться

У вас уже есть аккаунт? Войдите здесь.

Сверху