Gatsby JS & Prismic: Build RAPID Gatsby sites | Gatsby 2020
Вы хотите улучшить свои навыки React JS и повысить свою ценность как frontend разработчика? - «Gatsby позволяет создавать невероятно быстрые сайты с вашими данными, независимо от их источника. Освободите свои сайты от устаревших CMS и летите в будущее». В этом курсе мы будем создавать сайт Gatsby из источника данных Prismic CMS!
Повысьте свой набор навыков React, изучив Gatsby.js с помощью серверной части Prismic CMS! Gatsby JS использует React JS и GraphQL для создания и построения статических страниц из заданного набора данных. В этом курсе будет рассмотрено настройка Prismic в качестве headless CMS при использовании GatsbyJS для создания невероятно быстрого веб-сайта React, отображаемого на сервере, из данных Prismic, таких как страницы, меню, мультимедиа (и многое другое!), используя GraphQL для запроса этих данных.
В этом курсе мы создадим сайт лендинг, рассмотрим начальную настройку и разработку Gatsby JS и Prismic локально, создадим компоненты React в Gatsby на основе данных Prismic и запустим данные Prismic с помощью GraphQL для автоматической генерации наших статических страниц.
Ни одна лендинг страница не будет полной без контактной формы, поэтому мы создадим динамическую страницу контактов в Gatsby, где мы сможем обновлять поля нашей формы в Prismic и использовать формы Netlify для сбора адресов электронной почты наших пользователей и различных других деталей.
Мы рассмотрим, как можно запрашивать данные Prismic с помощью GraphQL используя инструмент браузера GraphiQL. Когда мы освоимся с разработкой GatsbyJS и Prismic, мы перейдем к настройке и развертыванию действующего веб-сайта с помощью Netlify, который перестраивает наши статические веб-страницы каждый раз, когда мы обновляем контент в нашем сервере Prismic.
Рекомендуется иметь элементарные знания React. Мы расскажем обо всем остальном, от Gatsby.js, Prismic, GraphQL и styled-components!
Gatsby.js создает максимально быстрый веб-сайт. Вместо того, чтобы ждать создания страниц по запросу, Gatsby предварительно создает страницы и помещает их в глобальное облако серверов (для этого мы будем использовать Netlify), готовые к немедленной доставке вашим пользователям, где бы они ни находились.
Некоторые преимущества использования Gatsby включают в себя:
Не нужно ждать, пока сервер скомпилирует страницу для обслуживания браузера - эти страницы уже предварительно скомпилированы с помощью Gatsby и готовы к немедленному использованию для ваших пользователей!
Создавать современные веб-сайты сложно. Предварительная загрузка, маршрутизация, сжатие, критический CSS, кеширование, масштабирование и сборщики - все это делает веб-сайты невероятно быстрыми, но мешают дополнительные разработки и инструменты. Gatsby - это фреймворк React.js, который сделает все за вас.
Gatsby - это основанный на React генератор статических сайтов на основе GraphQL. Он сочетает в себе лучшие части React, webpack ,act-router, GraphQL и других интерфейсных инструментов, чтобы обеспечить отличные возможности для разработчиков. Gatsby гораздо больше, чем обычный генератор статических сайтов. Вы можете думать о нем больше как о современной интерфейсной среде.
Когда вы видите слово «тема», вы можете подумать о визуальных аспектах сайта или редактора кода, где установка параметра в одном месте может изменить внешний вид везде. Темы Gatsby переносят эту идею на новый уровень, позволяя вам изменять и составлять целые фрагменты функциональности.
frontendmasters
Базовые настройки в Gatsby унесут вас далеко, но в любом сложном приложении или веб-сайте вы в конечном итоге захотите выйти за пределы значений по умолчанию. Этот курс научит вас, как использовать API-интерфейсы Gatsby для обработки сложных вариантов использования, таких как обработка динамического содержимого, добавление ваших собственных данных в API-интерфейс GraphQL Gatsby, настройка схемы Gatsby, создание тем для повторного использования и
Gatsby JS - это бесплатный фреймворк с открытым исходным кодом на основе React, который помогает разработчикам создавать невероятно быстрый генератор статических сайтов, который может создавать веб-сайты и приложения.
