@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. Программное создание страниц из данных: Познакомимся с API для программного создания страниц из списка публикаций.
  5. Подготовка сайта к работе: Проведем аудит сайта на предмет его производительности, SEO, a11y и многому другому.