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 и готовы к немедленному использованию для ваших пользователей!
