В этом руководстве я собираюсь показать вам, как создать простой, но пылающий быстрый блог, используя React, GATSBY JS и Космические JS Отказ Давайте начнем.
TL; доктор
Загрузите GitHub Repo.
Проверьте демонстрацию.
Предпосылки
Вам потребуется установить узел JS, NPM и Gastby CLI перед запуском. Убедитесь, что у вас уже есть их установленные.
Что такое GATSBY?
GATSBY – это пластмасштабная структура веб-сайтов для реагирования. Это позволяет разработчикам создавать на основе веб-сайтов на основе реагирования в течение нескольких минут. Хотите ли вы разработать блог или бизнес-сайт, GATSBY будет хорошим вариантом.
Поскольку он основан на реакции, страницы веб-сайта никогда не перезагружаются, а также будут генерировать статические страницы, которые сделают сгенерированный веб-сайт Super Fast.
Разработка блога Мы должны настроить среду для того, чтобы начать работать в блоге.
Установите GATSBY
Сначала установите GATSBY CLI:
npm install --global gatsby-cli
Леса шаблон GATSBY
gatsby new gatsby-blog-cosmicjs
Введите в папке вашего проекта:
cd gatsby-blog-cosmicjs
Запустите сервер:
gatsby develop
На данный момент вы уже должны быть в состоянии получить доступ к вашему веб-сайту GATSBY JS Blog по этому адресу: http://localhost: 8000.
Установите плагин Source Cosmic JS
В статическом блоге ваши данные могут потребляться из разных источников: файлы разметки, файлы HTML, внешний API (WordPress, Cosmic JS и т. Д.).
Следовательно, GATSBY реализовал независимый слой: слой данных. Который питается от GraphQL. Очень захватывающие вещи!
Чтобы подключить этот слой данных с разными поставщиками данных, вам необходимо интегрировать исходный плагин. К счастью, существует много источников плагинов для удовлетворения большинства потребностей.
В нашем случае мы используем Cosmic JS. Очевидно, что нам нужно интегрировать исходный плагин для космических js. Хорошие новости: Cosmic JS внедрил свой исходный плагин!
Давайте установимся:
npm install --save gatsby-source-cosmicjs
Нам нужно также установить другие плагины. Давайте сделаем это также
npm install --save gatsby-plugin-offline gatsby-source-filesystem
Это сокращенная статья. Чтобы просмотреть полную статью, перейдите в Создайте блог GATSBY, используя плагин Source Cosmic JS на Космические JS Отказ