{"id":13403765,"url":"https://github.com/felipefialho/kratos-boilerplate","last_synced_at":"2025-04-06T04:15:05.186Z","repository":{"id":30023328,"uuid":"33572182","full_name":"felipefialho/kratos-boilerplate","owner":"felipefialho","description":":fire: A simple boilerplate for creating statics PWA using Webpack, Pug, PostCSS and CSS Modules","archived":false,"fork":false,"pushed_at":"2023-12-01T08:35:36.000Z","size":8926,"stargazers_count":311,"open_issues_count":10,"forks_count":35,"subscribers_count":12,"default_branch":"main","last_synced_at":"2025-03-30T03:07:11.368Z","etag":null,"topics":["badge","boilerplate","css","css-modules","cssmodules","es6","javascript","kratos","kratos-boilerplate","postcss","pug","sass","webpack","yeoman"],"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/felipefialho.png","metadata":{"files":{"readme":"readme.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":"2015-04-07T22:46:23.000Z","updated_at":"2024-12-05T14:24:32.000Z","dependencies_parsed_at":"2024-01-12T02:45:14.438Z","dependency_job_id":"b60029e8-4ccf-45b4-8ba5-32cff307a87b","html_url":"https://github.com/felipefialho/kratos-boilerplate","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/felipefialho%2Fkratos-boilerplate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/felipefialho%2Fkratos-boilerplate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/felipefialho%2Fkratos-boilerplate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/felipefialho%2Fkratos-boilerplate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/felipefialho","download_url":"https://codeload.github.com/felipefialho/kratos-boilerplate/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247430963,"owners_count":20937875,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["badge","boilerplate","css","css-modules","cssmodules","es6","javascript","kratos","kratos-boilerplate","postcss","pug","sass","webpack","yeoman"],"created_at":"2024-07-30T19:01:34.293Z","updated_at":"2025-04-06T04:15:05.148Z","avatar_url":"https://github.com/felipefialho.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","Uncategorized"],"sub_categories":["Uncategorized"],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg src=\"src/images/logo.png\" width=\"200\"\u003e\n\u003c/p\u003e\n\n# Kratos Boilerplate\n\n\u003e A simple boilerplate for creating a static PWA using Webpack, Pug, PostCSS and CSS Modules\n\n[![license](https://img.shields.io/github/license/felipefialho/kratos-boilerplate.svg)](./license.md)\n[![GitHub contributors](https://img.shields.io/github/contributors/felipefialho/kratos-boilerplate.svg)](https://github.com/felipefialho/kratos-boilerplate/graphs/contributors)\n\n## Generate a new project with Yeoman\n\nTo make easy create a new projects, Kratos has a [generator using Yeoman](https://github.com/felipefialho/generator-kratos-boilerplate)\n\nTo use it:\n\n```sh\n# install yeoman\n$ npm install -g yo\n\n# install kratos generator\n$ npm install -g generator-kratos-boilerplate\n\n# generate a new project\n$ yo kratos-boilerplate\n```\n\n## Getting Started\n\n```sh\n# install dependencies\n$ npm i\n\n# run the project\n$ npm start\n```\n\nWith the commands above, you have everything to start.\n\nThe `app.config.json` file has all minimal config to create your scaffolding.\n\n## About CSS\n\nThis project use Sass as CSS preprocessor 😁\n\n### Post CSS libs\n\nFor grid system uses [Autoprefixer](https://github.com/postcss/autoprefixer) to make easy use browser prefixes, [Lost](https://github.com/peterramsing/lost) with some help from, [Rucksack](http://simplaio.github.io/rucksack/) for animations, reset and a lot of great mixins, [Rupture](https://github.com/jenius/rupture) for responsive utilities. And [Font Magician](https://github.com/jonathantneal/postcss-font-magician/) to get the webfonts.\n\n### CSS Modules\n\nTo make easier create your components and avoid a lot of problems, it boilerplate use [CSS Modules](https://github.com/css-modules/css-modules).\n\nExample\n\n```css\n.host text-align center .title font-size 4rem .description font-size 2rem;\n```\n\nAfter the transformation it will become like this\n\n```css\n._host_4897k_1 {\n  text-align: center;\n}\n\n._title_4897k_9 {\n  font-size: 4rem;\n}\n\n._description_4897k_12 {\n  font-size: 2rem;\n}\n```\n\n## Tasks\n\n- `npm start`: run all tasks and initialize watch for changes and a server\n- `npm run build`: run all production tasks create a `dist` folder to deploy\n- `npm run lint`: lint javascript and css\n- `npm run fix`: command to fix all eslint errors\n- `npm run deploy`: run all tasks to build and deploy on gh-pages\n\n## License\n\nMIT License © Felipe Fialho\n\n[npm-badge]: https://img.shields.io/npm/v/generator-kratos-boilerplate.svg\n[npm-url]: https://www.npmjs.com/package/generator-kratos-boilerplate\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffelipefialho%2Fkratos-boilerplate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffelipefialho%2Fkratos-boilerplate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffelipefialho%2Fkratos-boilerplate/lists"}