@alexandrtovmach:“Перевел потому что могу”.
RUUA

Gatsby.js Учебное пособие

Перевод еще в процессе, подпишись на Twitter, чтобы не пропустить релиз.

Добро пожаловать в Gatsby! Мы рады, что ты здесь. Цель этого руководства ― помочь настроить и развернуть твой первый сайт с использованием Gatsby. По ходу туториала, мы затронем некоторые темы веб-разработки и рассмотрим основную структуру сайта Gatsby.

Данное руководство предназначено для людей, не имеющих (пока!) большого опыта веб-разработки. Если ты готов погрузится в работу сразу, смело пропускай пошаговое руководство и переходи на страницу быстрого старта (ENG).

  1. Настройка среды разработки: Познакомимся с основными технологиями Gatsby и настроим среду разработки.
  2. Строительные блоки Gatsby: Рассмотрим процессы создания проектов, их разработки и деплоймента.
  3. Вступление в стилизацию с Gatsby: Изучим библиотеки, такие как Typography.js и CSS Modules в контексте Gatsby приложения.
  4. Создание шаблонов и компонентов: Попробуем шаблонные компоненты, которые повторно используются на нескольких страницах, такие как хедер и футер.

Расширенные инструкции

Из руководств ниже ты узнаешь как получать данные практически из любого места с помощью GraphQL.

  1. Получение данных для блога: Создадим блог и используя GraphQL, вставим заголовок сайта в блог.
  2. Втроенные плагины и рендеринг запрашиваемых данных: С помощью плагинов встроим markdown-статьи на сайт и создадим страницы со списком всех постов блога.
  3. Плагины-трансформеры: Попробуем плагины-трансформеры, чтобы преобразовать markdown в читабельный вид, для отображения на блоге.
  4. Программное создание страниц из данных: Узнаем, как программно создавать страницы для каждой публикации.
  5. Подготовка сайта к работе: Проведем аудит сайта на предмет его производительности, SEO, a11y и многому другому.