Gatsby JS: Создание PWA Блога с GraphQL и React + WordPress

Gatsby JS - это бесплатный фреймворк с открытым исходным кодом на основе React, который помогает разработчикам создавать невероятно быстрый генератор статических сайтов, который может создавать веб-сайты и приложения.

Но что это вообще значит?

Что ж ... он сочетает в себе лучшие части React, Webpack, React-router, GraphQL и других интерфейсных инструментов в один и создает удивительный инструмент, приятный для разработчиков!

С Gatsby JS вы можете без головной боли использовать современные веб-технологии. Все будет настроено и будет ждать, пока вы начнете разработку.

Одна из лучших особенностей Gatsby - это то, что вы можете приносить свои собственные данные из headless CMS, API, баз данных или файловой системы.

Там нет предела.

Вы можете получать данные даже из WordPress и это позволяет клиентам очень легко взаимодействовать с веб-сайтом, который вы для них создали и добавлять новый контент. Им просто нужно обновить свои посты в WordPress и все ...

Кроме того, с Gatsby вы не будете создавать веб-сайт с использованием технологий прошлого десятилетия.

Будущее Интернета - за мобильными устройствами, JavaScript и API - JAMstack.

Каждый веб-сайт - это веб-приложение, и каждое веб-приложение - это веб-сайт.

С Gatsby очень легко превратить ваш проект в статическое прогрессивное веб-приложение (PWA). Вы получаете готовый код и разделение данных.

Gatsby загружает только критически важные HTML, CSS, данные и JavaScript, поэтому ваш сайт загружается очень быстро. После загрузки Gatsby предварительно выбирает ресурсы для других страниц, поэтому переход по сайту выполняется мгновенно!

Gatsby.js создает максимально быстрый веб-сайт.

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

В этом курсе вы узнаете следующее:

• Основы Gatsby JS, как его установить и создать первый проект;
• Как использовать стартеры Gatsby для создания вашего проекта;
• Как создавать страницы в Gatsby и как правильно их связывать;
• Как разделить элементы на компоненты и использовать;
• Как создавать макеты страниц, которые можно использовать в качестве шаблонов;
• Как использовать GraphQL;
• Как добавить плагины для поиска;
• Как использовать Markdown Remark для создания ваших страниц / постов;
• Как создать блог с помощью Gatsby и Markdown Remark (стек JAM);
• Как использовать WordPress как Headless CMS;
• Как добавить метатеги и улучшить SEO сайта;
• Как создать компонент SEO и использовать его в макетах;
• Как развернуть свой проект в Netlify и Github;
• Как сделать непрерывное развертывание с помощью Netlify Webhooks;
• Как проверить свой веб-сайт с помощью Lighthouse (стандарт от Google);
• Как создать идеальную оценку Lighthouse;
• Как преобразовать свой сайт в прогрессивное веб-приложение (PWA);
• Как создать веб-перехватчики WordPress для повторного развертывания вашего проекта на Netlify, когда вы создаете / обновляете / удаляете пост.