Что это?

Forestry.io - это CMS, с которой я недавно столкнулся, с очень интересным предложением:

все, что вы делаете на своей CMS, - это git-коммит.

Это очень хорошо согласуется с идеей архитектуры JAMstack (Javascript, API, разметка).

В течение долгого времени я писал свои сообщения в блоге gatsby о файлах разметки на VSCode, что, хотя и нормально для меня, вероятно, не подошло бы авторам контента, которые используют wordpress или другие традиционные CMS.

Теперь с Forestry.io вы можете предоставить создателям контента (или всем, кто не заинтересован в ведении блогов в среде IDE) красивый и простой интерфейс, с помощью которого можно писать и публиковать контент.

Поскольку каждое обновление является фиксацией git, вы можете перемотать свой блог / веб-сайт назад во времени, если захотите, просто откатив несколько коммитов и развернув эту версию! Также применимо, если вам не нравится то, что написал ваш коллега-редактор после особенно пьяной ночи;)

Итак, напомним: CMS на основе JAMstack + Git = (♥ ω ♥ \ *)

вы: дайте мне быстрый старт!

Итак, от нуля до развертывания за 25 шагов (24, если вы не едите банан):

Примечание: ниже приведен удобный способ быстрого старта с использованием стартового шаблона G ridsome (VuePress) и Netlify для развертывания. не стесняйтесь сбиваться с проторенной дороги в удобное для вас время.

Создайте свой сайт

1. Войдите в свою учетную запись Github.

2. зайдите в forestry.io и нажмите Select a Starter Template.

3. onCreate a Site щелкните Github (или GitLab), чтобы разрешить forestry.io доступ к вашей учетной записи.

4. съешь банан.

5. Когда Forestry сделает свое дело, оглянитесь вокруг.

6. Измените текст, скажите название вашего героя под theme config боковой панелью.

7. нажмите Save

8. Посетите репозиторий Github / GitLab, в котором находится ваш проект.

9. обратите внимание, что ваши изменения были зафиксированы в вашем репо.

10. радуйтесь.

Развернуть на Netlify

1. Войдите / зарегистрируйтесь на Netlify

2. Щелкните New Site from Git.

3. Подключитесь к Github (или GitLab, где бы вы ни разместили свой сайт ранее).

4. Найдите свое репо (если вы использовали значения по умолчанию, это portfolio-forestry)

5. Если вы выбрали стартовый шаблон Гэтсби, Netlify знает это и настроит ваши build command и publish directory для вас. Но поскольку вы следовали инструкциям и использовали Gridsome, вам придется добавить его вручную.

6. Снова зайдите в репозиторий и загляните в свой package.json файл.

7. В стартовом шаблоне есть команда сборки с именем build, использующая npm.

8. Вернитесь в Netlify и введите npm run build в команду сборки.

9. в какой каталог он будет встроен? Я нашел его, клонировав его на свое локальное устройство и запустив npm run build, чтобы посмотреть, куда он пошел. Вы умнее, посетите Gridsome и обнаружите, что он встроен в папку dist.

10. щелкните deploy site.

11. смотрите на желтый текст, пока он не станет зеленым.

12. Посетите ваш сайт.

13. Вернитесь на свою cms forestry.io и измените содержимое, нажмите Save.

14. Снова посетите Netlify и убедитесь, что он перестраивается при каждом изменении, которое передается в мастер. (по умолчанию. Если вы хотите, чтобы он установлен по-другому, вы можете вместо этого настроить веб-перехватчики)

15. радуйтесь.

Мгновенный просмотр (при написании контента)

иногда нажимая "Сохранить" и ожидая, пока ваш сайт будет восстановлен с нуля, просто не сокращайте его. для более быстрого предварительного просмотра используйте instant previews.

1. зайдите в панель управления cms на сайте forestry.io

2. посетите settingspreviews.

3. щелкните start preview.

* в мгновенном предварительном просмотре для сетевых развертываний была небольшая проблема с некоторыми развертываниями, надеюсь, она была бы решена к тому времени, когда кто-нибудь еще прочитает это! (переменные среды находятся внизу страницы под settingspreviews)

4. Теперь, когда вы редактируете свой контент, вы можете нажать на мгновенный предварительный просмотр, немного подождать и сразу увидеть черновик вашего сайта!

отказ от ответственности

Это все еще первые дни моего опыта работы с Forestry.io, и у меня есть наивный оптимизм, что это зайдет довольно далеко, поэтому со временем я буду активно его пробовать.