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

[bart]

Next JS и WordPress: быстрое создание сайтов Next JS с помощью Next и WP
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

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




Продажник:

Для просмотра вы должны войти или зарегистрироваться.

Скачать: