Начни с Gatsby
АвторДжереми Макпик
Время урока1,2 часа
ЯзыкАнглийский

Поделитесь с друзьями!

Gatsby – это генератор статических сайтов, который позволяет быстро создавать сайты на основе данных. За кулисами Gatsby использует React и GraphQL, чтобы вы могли извлекать данные из любого источника данных.

Присоединяйтесь к Джереми Макпик, который научит вас, как начать работу с Gatsby. Следуйте инструкциям и создайте простое приложение от начала до конца с источником данных GraphQL.

Gatsby – фантастический инструмент для создания быстрых веб-сайтов, но это не универсальный инструмент. Например, он не заменит ваши приложения, которым требуется высокий уровень безопасности или постоянные обновления. Но есть вероятность, что его можно использовать для замены некоторых из ваших существующих проектов.

  • В этом курсе я научу вас, как начать создавать невероятно быстрые веб-сайты с помощью Gatsby. К концу этого курса вы поймете, как включить в свой проект различные источники данных для создания статических сайтов из динамических данных.
  • Давайте настроим среду, которую мы можем использовать для разработки с помощью JavaScript. Вам понадобится Node и редактор кода. Затем мы создадим простой проект Gatsby. Node.js, Gatsby, Visual Studio Code
  • Я думаю, что лучше начать с нуля, чтобы вы почувствовали, как добавить что-то в свой проект. Итак, в этом уроке мы создадим новый проект и добавим CSS-фреймворк Bootstrap.
  • Нам нравятся единообразные веб-сайты, и мы можем добиться единообразного внешнего вида на нашем сайте, используя макеты. В этом уроке вы узнаете, как создавать и использовать макеты.
  • Сайты Gatsby на 100% динамичны. Поэтому, если мы хотим изменить заголовок страницы или добавить метатеги, мы должны сделать это динамически с помощью плагина react-Helmet. Вы установите и настроите этот плагин на этом уроке.
  • Мы используем Gatsby для создания веб-сайтов на основе данных. Так что нам, естественно, нужно включить данные. В этом уроке мы будем использовать данные в формате JSON самым простым способом для создания индексной страницы.
  • В этом уроке мы продолжим динамическое создание страниц. Мы создадим несколько страниц, соответствующих каждому элементу данных.
  • Простое чтение файла JSON подходит для простых данных, но Gatsby отлично подходит, когда нам нужно работать с более сложными данными. В этом уроке вы узнаете, как установить и настроить плагины источника и преобразователя, а также как использовать GraphQL для запроса наших данных JSON.
  • На страницах тоже могут быть запросы. Фактически, желательно, чтобы страницы отвечали за выборку и использование собственных данных. В этом уроке вы узнаете, как писать запросы к страницам.

Скрытый контент

  • Вы не зарегистрированы
  • Вы не вошли как пользователь
  • У Вас просрочена подписка
  • Ваша подписка не даёт вам право скачивать данный раздел