Создавайте потрясающие сверхбыстрые веб-сайты с помощью React и GraphQL, начинайте работу со стеком JAM и подходом Headless CMS. В этом курсе вы узнаете, как создавать удивительные и сверхбыстрые статические веб-сайты с помощью Gatsby.js. Gatsby - это невероятно быстрый современный генератор сайтов для React.
Gatsby использует мощную предварительную конфигурацию для создания веб-сайта, который использует
- статические файлы для невероятно быстрой загрузки страниц,
- service workers,
- разделение кода,
- рендеринг на стороне сервера
- интеллектуальная загрузка изображений,
- оптимизация assets,
- и предварительная выборка данных.
Gatsby поставляется с мощной системой плагинов, которая позволяет легко добавлять дополнительные функции. Например. Вы можете выбрать один из множества плагинов для доступа к различным источникам данных для загрузки данных в Gatsby.
Слой данных Gatsby работает на GraphQL. Используя язык запросов GraphQL, вы можете легко извлекать данные на страницы и компоненты. Этот общий подход к обработке данных является уникальной особенностью Gatsby по сравнению с другими генераторами статических сайтов.
Нет лучшего времени, чтобы начать с Gatsby !
Gatsby является относительно новым и уже получил большую поддержку со стороны сообщества. Доступны многие расширения, и Gatsby используется все большим количеством производственных веб-сайтов.
Gatsby отлично подходит для обеспечения выдающегося пользовательского опыта в браузере, а также является строительным блоком при реализации стека JAM (JavaScript, API, Markup).
Используя Gatsby, вы можете применять существующие навыки веб-разработки (современный JavaScript, React, Node.js и GraphQL). Кривая обучения чрезвычайно крутая, и вы быстро сможете получить впечатляющие результаты.
Gatsby объединяет многие из самых популярных тенденций веб-разработки прямо сейчас: React, GraphQL, создание статических сайтов, JAM-стек, подход Headless CMS... добавьте Gatsby.js в свой набор навыков прямо сейчас и оставайтесь на переднем крае технологий!
Подход Headless CMS
Основной особенностью Gatsby является загрузка данных из множества различных источников данных с использованием одного общего подхода (GraphQL) для переноса данных на страницы и компоненты. Эта функция позволяет вам управлять вашим контентом в любой CMS или серверной части. Часто этот подход называется «Headless CMS», и Gatsby является идеальным инструментом для применения этого подхода на практике и присоединения внешнего уровня к любой CMS.
В разделах курса вы узнаете:
- Используйте Gatsby для создания сверхбыстрых статических сайтов с помощью React и GraphQL
- Работа со страницами, компонентами и активами
- Применение стилей в Gatsby с использованием глобальных стилей, модулей CSS или styled components
- Встроенный слой данных Gatsby и GraphQL
- Получение данных с использованием статических запросов и запросов страниц
- Используйте систему плагинов Gatsby
- Используйте исходные плагины для подключения к источникам данных
- Используйте плагины для преобразования данных в правильный формат
- Программно создавать страницы
- Работа с изображениями в Gatsby
- Создание сайта Gatsby для производства и развертывания
- и многое другое...
leveluptutorials
