Moscow FreeCodeCamp Website

Небольшой сайт сообщества FreeCodeCamp Moscow.

Ссылка: moscow-freecodecamp

Немного о стеке

Cайт использует такие технологии, как Gatsby и Semantic UI.

Gatsby - генератор статичных сайтов, который использует Webpack и React. Документация реакта построена на этой технологии.

Semantic UI - один из популярных CSS фреймворков. Почему именно он, а не Bootstrap или Foundation? Я считаю, что это самый приятных в эксплуатации фреймворк, а также самый недооцененный. Проект нуждается в контрибьюторах и хорошо подходит для того, чтобы внести свой вклад в Open Source проект, который использует тысячи людей.

Приступая к работе

Для работы вам понадобится установленный Node.JS желательно последней LTS версии.

Для Mac можно установить через brew

brew install node

Установка

Для Unix-подобных операционных систем

1. git clone https://github.com/moscow-freecodecamp/website.git
2. cd website
3. npm install или yarn install
3. npm run sui:build
4. npm run dev

Подождите пока закончится процесс сборки и откройте в браузере: http://localhost:8000/

Деплой

Деплой происходит автоматически в репозиторий moscow-freecodecamp/moscow-freecodecamp.github.io после сборки в Travis CI. Потом данные, загруженные в мастер ветку репозитория становятся доступны по url: https://moscow-freecodecamp.github.io/

Также планируется админка при помощи Netify-CMS

Как создать пост в блоге?

Посты из блога лежат в src/pages, чтобы написать что-то в блог вам нужно будет создать отдельную папку и Markdown файл, открыть пулл реквест и дождаться мерджа.

Эти посты подвержены специальной именной конвенции, поэтому вручную их создавать проблематично. Я рекомендую воспользоваться данной утилитой DSchau/create-gatsby-blog-post

Вклад

Непосредственно разработка ведется в ветке #develop. Все изменения в #master доступны на сайте. Вы можете помочь с кодом, текстом и идеями.

Стиль кода:

Чтобы использовать линтер запустите:

npm run lint