Установите и разверните приложение React Book за 3 шага

Cosmic JS упрощает управление контентом для ваших приложений React. Cosmic позволяет разработчикам создавать современные приложения, работающие с контентом, без необходимости поддерживать установленную инфраструктуру CMS. Cosmic Dashboard дает создателю контента непревзойденный, восхитительный опыт создания контента.

В этом уроке я продемонстрирую использование Космический JS CLI установить новый Приложение React на космической платформе недавно дебютировал Космическое JS-сообщество. Приложение Book было создано с использованием React и Redux с контентом, созданным на основе Cosmic JS. Создатели контента могут управлять книгами, включая изображения, названия, контент, авторов и жанр/категорию книги. Функциональность поиска включается путем ввода имени автора или названия книги. Отсортируйте книги по категориям и опубликуйте карточку книги из пользовательской панели администратора.

Вы можете устанавливать, развертывать и управлять контентом для каждого раздела этого Приложение React Book, все из панели инструментов Cosmic JS Bucket. Давайте начнем. 🔥

ezgif-4-594bc8d8d1ca.gif

TL;DR:

Приложение React Book
Демонстрация приложения React Book
Кодовая база приложения React Book
Обзор приложений React на платформе Cosmic

237c3030-e788-11e8-a0f7-f393606b1cf1-реагировать-книга-приложение-4.png

Установите и разверните приложение React Book за 3 шага

Шаг 1: Создайте учетную запись

Подписаться для Cosmic JS + Установить Космический интерфейс командной строки + Создать новое ведро

3f50c8f0-e929-11e8-aefa-9168f0277b2b-ice_screenshot_20181115-165305.png

Шаг 2: Установка 🛠️

Установить через Космический интерфейс командной строки:
4600dcc0-e92a-11e8-b035-9f1da907e3e2-ice_screenshot_20181115-170018.png

a1a503f0-e928-11e8-b035-9f1da907e3e2-React-Book-App.png

Cosmic JS предоставляет варианты установки через панель инструментов Bucket или через Cosmic CLI. Я настроил свой пример с помощью интерфейса командной строки Cosmic JS:
ezgif-4-5b3d699aa7bb.gif

Запустите космический -h для списка всех команд. Беги космический [command] -h для получения подробной информации об опциях для конкретной команды. Теперь вы готовы к работе с приложением React Book, которым можно полностью управлять с панели управления Cosmic JS Bucket и с помощью выбранного вами инструмента терминала командной строки.

Шаг 3: Разверните 🚀

65a7b220-e929-11e8-b035-9f1da907e3e2-Веб-хостинг.png

Cosmic JS предоставляет варианты развертывания для:

✅ Cosmic JS App Server (только в целях тестирования)
✅ Развертывание в Zeit
✅ Развертывание в Heroku
✅ Deploy to Netlify

Выбрав репозиторий кода, который я хочу развернуть, и выбрав «Развернуть в Cosmic», я могу развернуть свое приложение React Book на сервере приложений Cosmic JS, чтобы протестировать мои живые правки, которые я буду вносить через Cosmic JS Dashboard.

Вывод

Если отказаться от установленной системы управления контентом и перейти на API-first недостаточно быстро, ознакомьтесь с Стартовые приложения от Cosmic JS, чтобы запустить проект за считанные секунды. 🔥

Узнать больше о вклад ваш собственный проект в сообществе Cosmic JS. Если у вас есть какие-либо комментарии или вопросы о создании приложений с помощью Cosmic JS, свяжитесь с нами в Twitter а также присоединиться к беседе в Slack.

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *