{"id":14967526,"url":"https://github.com/mykulyncom/gulp-boilerplate","last_synced_at":"2026-02-07T23:33:36.902Z","repository":{"id":227411961,"uuid":"771363646","full_name":"mykulyncom/gulp-boilerplate","owner":"mykulyncom","description":"A boilerplate for creating static web projects using Gulp and WebPack","archived":false,"fork":false,"pushed_at":"2024-11-19T13:38:36.000Z","size":980,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-30T10:55:13.322Z","etag":null,"topics":["boilerplate","gulp","pug","scss","webpack"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mykulyncom.png","metadata":{"files":{"readme":"readme-ua.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-03-13T06:53:50.000Z","updated_at":"2024-11-19T13:38:41.000Z","dependencies_parsed_at":"2024-03-30T15:29:42.976Z","dependency_job_id":"9aa85fbb-6a47-4c13-b769-b0abcf618e43","html_url":"https://github.com/mykulyncom/gulp-boilerplate","commit_stats":null,"previous_names":["jixindev/gulp-boilerplate","mykulyncom/gulp-boilerplate"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/mykulyncom/gulp-boilerplate","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mykulyncom%2Fgulp-boilerplate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mykulyncom%2Fgulp-boilerplate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mykulyncom%2Fgulp-boilerplate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mykulyncom%2Fgulp-boilerplate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mykulyncom","download_url":"https://codeload.github.com/mykulyncom/gulp-boilerplate/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mykulyncom%2Fgulp-boilerplate/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29212652,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-07T23:14:30.912Z","status":"ssl_error","status_checked_at":"2026-02-07T23:14:17.253Z","response_time":63,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["boilerplate","gulp","pug","scss","webpack"],"created_at":"2024-09-24T13:38:11.254Z","updated_at":"2026-02-07T23:33:36.889Z","avatar_url":"https://github.com/mykulyncom.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\u003ch1\u003eGulp Boilerplate\u003c/h1\u003e\n\u003cp\u003eШаблон для створення статичних веб проєктів використовуючи Gulp та WebPack\u003c/p\u003e\n\u003cimg src=\"https://img.shields.io/github/package-json/v/mykulyncom/gulp-boilerplate?style=for-the-badge\u0026color=blue\"\u003e\n\n\u003cbr\u003e\nАвтор: \u003ca href=\"https://jixindev.com\" target=\"_blank\"\u003eСергій Микулин\u003c/a\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n\u003ca href=\"/readme-ua.md\"\u003eEnglish\u003c/a\u003e | Українська\n\u003c/div\u003e\n\n# Зміст\n\n- [Особливості](#особливості)\n- [Початок роботи](#початок-роботи)\n- [Використання](#використання)\n- [Структура проєкту](#структура-проєкту)\n- [Внесок](#внесок)\n- [Ліцензія](#ліцензія)\n\n## Особливості\n\n- [x] HTML:\n  - [x] Компіляція Pug\n  - [x] Створення компонентів `pnpm pug --add=ComponentName`\n- [x] Стилі:\n  - [x] Компіляція SCSS\n  - [x] Автопрефікси\n  - [x] Групування медіа-запитів\n  - [x] Очищення і мініфікація стилів\n  - [x] Видалення невикористаних стилів\n  - [x] Автоматичний імпорт з компонентів `./src/pug/**/*.scss`\n  - [x] Stylelint\n- [x] JavaScript:\n  - [x] WebPack\n  - [x] Babel\n  - [x] Source maps\n  - [x] Автоматичний імпорт з модулів `./src/pug/**/*.js`\n  - [x] ESLint\n- [x] Зображення:\n  - [x] Оптимізація SVG\n  - [x] Конвертація зображень в WebP\n  - [x] Оптимізація PNG/JPG\n  - [x] Ліниве завантаження\n  - [x] Автоматичне створення спрайтів\n- [x] Конвертація ttf в woff2\n- [x] Локальний сервер\n- [x] Prettier\n\n## Початок роботи\n\n1. Створіть папку для проєкту\n\n```bash\nmkdir NewProject \u0026\u0026 cd NewProject\n```\n\n2. Клонуйте або завантажте цей репозиторій\n\n```bash\ngit clone git@github.com:mykulyncom/gulp-boilerplate.git .; rm -rf trunk .git\n```\n\n3. Встановіть залежності\n\n```bash\npnpm install\n```\n\n## Використання\n\n**Розробка**\n\nВиконайте `pnpm start`, щоб запустити сервер розробки. Це компілюватиме Sass, мініфікуватиме JavaScript, оптимізуватиме зображення та налаштує локальний сервер.\n\n```bash\npnpm start\n```\n\n**Компіляція**\n\nВиконайте `pnpm compile`, щоб скомпілювати всі ресурси без запуску сервера розробки.\n\n```bash\npnpm compile\n```\n\n**Збірка для продакшену**\n\nВиконайте `pnpm build`, щоб створити готову до випуску збірку вашого проєкту. Це мініфікує всі ресурси та підготує їх до розгортання.\n\n```bash\npnpm build\n```\n\n**Додавання компоненту pug**\n\nВиконайте `pnpm pug --add=ComponentName`, щоб створити новий компонент Pug з вказаною назвою.\n\n```bash\npnpm pug --add=ComponentName\n```\n\n## Структура проєкту\n\n```\ngulp-boilerplate            # Корінний каталог\n├── gulp                    # Файли Gulp\n│   ├── config              # Файли конфігурації Gulp\n│   └── tasks               # Завдання Gulp\n├── src                     # Вихідні файли\n│   ├── assets              # Ресурси\n│   │   ├── fonts           # Шрифти\n│   │   ├── icons           # SVG-іконки для спрайту\n│   │   ├── img             # Зображення\n│   │   ├── js              # Файли JavaScript\n│   │   └── scss            # Файли SCSS\n│   └── pug                 # Компоненти та міксіни Pug\n├── .editorconfig           # Налаштування IDE\n├── .eslintrc.json          # Файл конфігурації ESLint\n├── .gitignore              # Файли ігнорування Git\n├── .prettierrc.json        # Файл конфігурації Prettier\n├── .stylelintignore        # Файли ігнорування Stylelint\n├── .stylelintrc.json       # Файл конфігурації Stylelint\n├── gulpfile.js             # Основний файл для Gulp\n├── jsconfig.json           # Файл конфігурації JavaScript\n├── LICENSE                 # Ліцензія\n├── package.json            # Інформація про проєкт\n├── readme-ua.md            # Документація українською\n├── readme.md               # Документація\n└── pnpm.lock               # Дерево залежностей\n```\n\n## Внесок\n\nВнески вітаються! Якщо у вас є пропозиції, поліпшення або виправлення помилок, не соромтеся відкривати проблему або створювати pull-запит.\n\n## Ліцензія\n\nЦей проєкт поширюється під [ліцензією MIT](/LICENSE). Вільно використовуйте, змінюйте та поширюйте цей код для особистих або комерційних проєктів.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmykulyncom%2Fgulp-boilerplate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmykulyncom%2Fgulp-boilerplate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmykulyncom%2Fgulp-boilerplate/lists"}