egghead
Проект egghead.io представляет огромный выбор курсов и скринкастов для разработчиков любого уровня и профессии.
Создавайте контентые PWA с Gatsby и Contentful
Build Content Rich Progressive Web Apps with Gatsby and Contentful
★5 (всего оценок - 7)
Продолжительность
0 ч 33 мин
Категория
Progressive Web App (PWA)Количество уроков
9 Видео
Дата добавления
22 июл. 2019 г., 19:57
Язык
Английский
Дата обновления
29 апр. 2026 г., 03:55
Освойте современный JAMstack‑подход и научитесь создавать быстрые, безопасные и контентные прогрессивные веб‑приложения на базе Gatsby и Contentful. Этот курс поможет вам понять, как связать мощный headless‑CMS с гибкостью статической генерации, чтобы создавать сайты любого уровня сложности.
Почему стоит изучить Gatsby и Contentful
Технологии JAMstack стремительно развиваются, предлагая разработчикам простой и эффективный способ создавать устойчивые и масштабируемые веб‑проекты. Gatsby обеспечивает молниеносную загрузку страниц, а Contentful помогает удобно управлять структурированным контентом — без необходимости строить собственный бэкэнд.
Что вы узнаете в этом курсе
Работа с Contentful
- Понимание структуры headless‑CMS и её преимуществ
- Моделирование данных и создание контентных типов
- Организация связей и оптимизация структуры контента
Создание проекта на Gatsby
- Инициализация и настройка проекта
- Подключение Contentful через плагины
- Использование графовой модели данных для вывода контента
Использование GraphQL в Gatsby
Вы узнаете, как с помощью GraphQL эффективно запрашивать данные, структурировать их и выводить на страницах. Курс показывает практические примеры запросов и объясняет, как устроена схема данных Gatsby.
Развертывание и автоматизация
- Публикация статического сайта через Netlify
- Настройка автоматического обновления при изменении контента
- Оптимизация производительности и улучшение SEO
Какие проекты вы сможете создавать после обучения
Завершив курс, вы сможете уверенно создавать:
- Блоги с динамическим контентом
- Маркетинговые и корпоративные сайты
- Портфолио для разработчиков и дизайнеров
- Контентные PWA‑приложения с высокой скоростью работы
Для кого подходит этот курс
Курс будет полезен:
- Начинающим разработчикам, желающим освоить JAMstack
- Фронтенд‑разработчикам, которые хотят работать с headless‑CMS
- Создателям сайтов, стремящимся повысить скорость и безопасность проектов
Итог
После прохождения курса у вас будет полный набор навыков для создания профессиональных статических сайтов и PWA на Gatsby, настройки контента в Contentful и развертывания проектов в Netlify. Всё, что останется — просто добавить свой контент и нажать “Deploy”.
- Урок 1.00:04:45Model Content in the Contentful Web App
- Урок 2.00:06:30Model Content programmatically using the contentful-migration tool
- Урок 3.00:05:02Add Contentful as a data source for Gatsby
- Урок 4.00:02:29List data entries from Contentful in Gatsby
- Урок 5.00:03:10Programmatically create Gatsby pages from Contentful data
- Урок 6.00:04:20Render Contentful rich text in Gatsby
- Урок 7.00:03:01Use Graphql backreference to avoid circular dependencies between Content model
- Урок 8.00:02:12Deploy a Gatsby website on Netlify
- Урок 9.00:02:02Trigger Netlify Builds when content changes in Contentful
Автор - egghead
Комментарии