Написаний на React.js і React hooks by @Olena-Stotska and @stalniy
Node.js 12.x
git clone
cd artdecoration
npm ci
npm start # to run the app locally in dev modeДля того щоб створити production-ready версію:
npm run buildЩоб створити sitemap.xml, треба запустити
npm run build.sitemap # saves sitemap.xml to "build" folder, so run it after npm run buildЩоб згенерувати HTML для сторінок:
npm run build.pagesВажливо: запускати вказані вище скрипти потрібно саме в такому порядку. sitemap.xml кладеться в папку build, а генерація HTML відбувається за допомогою sitemap.xml, тому воно одне без іншого не працює.
Сайт хоститься на Github Pages і білдиться за допомогою Github Actions. Воркфлов знаходиться тут.
Для пошуку використовується minisearch бібліотека, що дозволяє робити full text пошук по категоріям в браузері.
Весь контент знаходиться в папці src/content:
| Файл | Призначення |
|---|---|
| app.uk.yml | Переклади для інтерфейсу |
| quotes.uk.yml | Цитати |
| categories.uk.yml | Ієрархія категорій |
Ця папка містить всю основну інформацію про категорії. Ім'я кожної папки всередині відповідає значенню id у файлі categories.uk.yml, це обов'язкова умова, інакше не буде знайдено sample малюнок і галерею для категорії.
В кожній папці під категорію є sample.jpg - це малюнок, що відображається на головній сторінці. Окрім того там же є файли .md (markdown розмітки), що використовуються як описання категорії та папка з малюнками для галереї.
Інформацію по мета тегам знаходиться окремо для статичних сторінок в app.uk.yml і окремо для кожної категорії в categories.uk.yml. Всі вони знаходяться у об'єкті meta (наприклад, meta.keywords).
Email відправляється за допомогою Google Apps Script sendEmail. Власник цього скрипта [email protected] акаунт. Цей же акаунт і відправляє повідомлення. Кому відправляти повідомлення прописанов в самому скрипті.