Gatsby JS: создание статических сайтов с помощью React, WordPress… (2019)

Освойте современные инструменты веб‑разработки и создавайте быстрые, безопасные и масштабируемые статические сайты, сочетая мощь Gatsby.js, React, GraphQL и WordPress. Этот курс поможет вам уверенно перейти от динамических CMS к гибридному JAMStack‑подходу, оптимизируя скорость и производительность ваших проектов.

Что вы изучите в этом курсе

Курс последовательно проведет вас через все этапы создания статического сайта на Gatsby JS с использованием WordPress как headless‑CMS. Программа подходит тем, кто уже знаком с основами React и хочет перейти на новый уровень разработки.

Gatsby JS: основы и практическая работа

• Установка и начальная настройка Gatsby.
• Создание страниц, роутинг и работа с компонентами.
• Оптимизация производительности и организация проекта.

Использование WordPress как headless‑CMS

• Развертывание WordPress локально.
• Настройка REST и GraphQL‑плагинов.
• Работа с контентом: записи, страницы, меню, ACF‑поля и медиа.

GraphQL и запрос данных

• Генерация статических страниц на основе данных из WordPress.
• Создание шаблонов, привязка к React‑компонентам.
• Использование GraphiQL для формирования и тестирования запросов.

Практический проект: создание портфолио‑сайта

В рамках курса вы разработаете полноценный сайт‑портфолио, который будет полностью собран на Gatsby JS и генерироваться из данных WordPress. Вы пройдете весь путь — от структуры контента до рендеринга страниц на стороне сервера.

Статическая генерация и оптимизация

• Автоматическое создание страниц на основе GraphQL‑запросов.
• Настройка изображений и работа с Gatsby Image.
• Использование styled‑components для стилизации проекта.

Развертывание и публикация

Вы научитесь правильно развертывать статические сайты и связывать их с headless‑CMS для автоматического обновления контента.

Netlify и автоматические билды

• Настройка окружения для продакшена.
• Интеграция Netlify с WordPress для автоперестроения сайта.
• Контроль производительности и ошибок после развертывания.

Почему стоит пройти этот курс

Gatsby.js — это один из самых быстрых способов создать сайт, благодаря предварительной генерации страниц и их доставке через глобальное CDN. Вы научитесь работать с современными инструментами, которые востребованы в разработке коммерческих и корпоративных проектов.

Преимущества обучения

• Глубокое понимание Gatsby, GraphQL и headless‑CMS.
• Практическая разработка реального проекта.
• Современный стек и навыки, актуальные на рынке.

Присоединяйтесь, чтобы вывести свои навыки React‑разработки на новый уровень и научиться создавать невероятно быстрые и гибкие сайты с помощью Gatsby JS и WordPress!