jamstack.org

Джемстек

Это репозиторий https://jamstack.org.

Отправная точка для изучения этой архитектурной модели. Место, где можно узнать, что такое Jamstack, где можно поделиться инструментами, советами, примерами и статьями. Это также место, где можно найти встречу местного сообщества или получить поддержку в создании своей собственной.

Ресурсы

Мы собрали набор видеороликов, презентаций, статей и других обучающих ресурсов о Jamstack. Вы можете добавлять контент в этот пул ресурсов!

Мы принимаем вклады, отправленные в виде запросов на включение.

Публикуйте ссылки на ресурсы

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

1. Создайте новый файл md в папке src/site/resources с уникальным описательным именем. Заполните этот файл в соответствии со структурой, показанной ниже.
2. Для презентаций и видео добавьте дополнительное миниатюрное изображение в папку src/site/img/cms . (Изображение должно быть в формате JPEG шириной 600 пикселей и высотой 400 пикселей)
3. Отправьте запрос на вытягивание

ссылка на ресурс md:

---
title : Resource title
date : Publish date (YYYY-MM-DD)
link : the URL of this resource
thumbnailurl : /img/cms/resources/resource-thumbnail.jpg
type :
  - article (Help us group and sort the resources by type article|video|presentation)
---

Прежде чем отправлять запрос на включение или если вы предлагаете/вносите изменения в код или контент, разумно просмотреть ваши изменения в локальной сборке. Мы постарались максимально упростить процесс запуска локальной сборки.

Запуск локальной сборки

Предварительные условия

• Узел и NPM

Установка и запуск сборки

 # Clone this repository to your local environment
git clone [email protected]:jamstack/jamstack.org.git

# move in to your local site folder
cd jamstack.org

# install the dependencies
npm install

# run the build and dev server locally
npm start

Стилизация с помощью TailwindCSS

Этот сайт использует TailwindCSS, чтобы предлагать служебные классы CSS и обеспечивать быстрые средства стилизации сайта. Это означает, что большую часть стилей можно выполнить без написания дополнительного CSS. Вместо этого служебные классы можно добавлять непосредственно в HTML. Это может обеспечить очень быстрое развитие, а также предложить удивительный уровень знакомства для тех, кто привык работать таким образом (поскольку соглашения и классы не привязаны к сайту ).

При локальном запуске/разработке команда npm run start сгенерирует сайт, включая конвейер CSS из Tailwind.

Глобальные утилиты CSS.

Небольшое количество специальных правил CSS предусмотрено для повышения эффективности повторяющихся или глобальных классов. Они находятся в src/css/tailwind.css но их следует использовать с осторожностью, при этом большая часть стилей выполняется в HTML с помощью служебных классов Tailwind.

Разработчик против продюсера

Во время производственной сборки конвейер CSS включает в себя этап удаления всех неиспользуемых операторов CSS и сжатия полученного CSS. В целях эффективности разработки этот шаг не выполняется во время локальной разработки с помощью команды npm run start . Вы можете просмотреть оптимизированную производственную сборку, выполнив следующие команды:

 # Run a production build
npm run build

# Serve the build locally
npm run start

Клонирование и развертывание в один клик

Вы можете клонировать этот репозиторий и загрузить его как собственный тестовый сайт вместе с конвейером сборки CI/CD в Netlify, нажав кнопку ниже. (Требуются бесплатные учетные записи GitHub и Netlify)