{"id":15041352,"url":"https://github.com/ro0t/boiler","last_synced_at":"2025-06-23T11:36:39.948Z","repository":{"id":75754887,"uuid":"123092793","full_name":"ro0t/Boiler","owner":"ro0t","description":"A frontend framework that uses Vue.js and already had state management and routing set up, including a feature rich Sass framework created by Igital.","archived":false,"fork":false,"pushed_at":"2018-03-26T13:44:09.000Z","size":600,"stargazers_count":23,"open_issues_count":0,"forks_count":1,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-04-14T20:17:07.752Z","etag":null,"topics":["boilerplate","development","development-tools","es6","html","javascript","js","sass","sass-mixins","web","webpack","website"],"latest_commit_sha":null,"homepage":"https://boiler.js.org","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ro0t.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2018-02-27T07:50:10.000Z","updated_at":"2024-04-09T12:42:53.000Z","dependencies_parsed_at":"2023-06-07T14:30:47.510Z","dependency_job_id":null,"html_url":"https://github.com/ro0t/Boiler","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ro0t/Boiler","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ro0t%2FBoiler","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ro0t%2FBoiler/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ro0t%2FBoiler/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ro0t%2FBoiler/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ro0t","download_url":"https://codeload.github.com/ro0t/Boiler/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ro0t%2FBoiler/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261470038,"owners_count":23163208,"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":["boilerplate","development","development-tools","es6","html","javascript","js","sass","sass-mixins","web","webpack","website"],"created_at":"2024-09-24T20:45:59.921Z","updated_at":"2025-06-23T11:36:34.932Z","avatar_url":"https://github.com/ro0t.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"![Boiler](boiler@2x.png)\n\nAnother javascript framework, but this one has Swag, Emojis and Vue! 👾 made by *Adam* from https://igital.co\n\nIncluding:\n*\tVue.js\n* \tVue Router and VueX for State management\n*\tHot 🔥 reloading dev server\n*\tSwag Sass Framework 💎\n*\tSuper simple responsive Css ⭐️\n*\tES6 Javascript 😎\n*\tDid I mention Emojis already? ⛄️\n\n## Responsive example\n![Responsive example with Boiler](example.gif)\n\n## Configuration\nBefore you install and run the webpack compiler, edit the config ***/config/settings.json*** and insert your values there.\n\n## Development\nDownload the project, install packages with **yarn** or **npm install** and run the dev server.\n```Shell\ngit clone https://github.com/ro0t/Boiler.git\ncd Boiler\nyarn\nnpm run dev\n```\n\n## Production\nAssuming you've already installed all the packages, just **run npm run build** and your files should end up in the ***public/*** directory, ready for production use.\n```Shell\nnpm run build\n```\n\n## Vue Components\nInsert your Vue components at ***/app/src/components*** and configure the main component called _main_.\nThe main component has access to all the middleware supplied in ***app/bootstrap.js*** and configured in ***app/src/app.js***\n\n## Stylesheets\nEdit the config files in ***/app/style/config/*** to fit your needs.\nUse styled scoping for Vue components, you can import the **Swag sass framework** to get all the hot mixins and variables like this:\n```Vue\n\u003cstyle lang=\"scss\" scoped\u003e\n\t@import '../swag';\n\n\th1 {\n\t\tfont-size: 2em;\n\t\tfont-weight: 100;\n\t\tcolor: $main;\n\n\t\t@include size('large') {\n\t\t\tcolor: $avocado;\n\t\t}\n\n\t\t@include size('medium') {\n\t\t\tcolor: $strawberry;\n\t\t}\n\n\t\t@include size('small') {\n\t\t\tcolor: $pumpkin;\n\t\t\tfont-size: 1.5em;\n\t\t}\n\t}\n\u003c/style\u003e\n```\n\n## The checklist\nIn the project you can find a **CHECKLIST.md** file to help you prepare for launching your website.\n\n*\t[x] Started using Boilertal\n*\t[x] Imported the Igital Swag Sass Framework\n*\t[ ] Created your Vue components\n*\t[ ] Favicon\n*\t[ ] Meta description and default open graph tags have been added\n*\t[ ] Google Analytics ID inserted\n*\t[ ] Minified Javascript \u0026 CSS\n*\t[ ] Images have been optimized\n*\t[ ] Tested in all browsers (except IE 🤮)\n*\t[ ] Proofread all content\n*\t[ ] Make sure all links work, test clicking on all of them 😈\n*\t[ ] Add a sitemap\n*\t[ ] Validation, validate them forms!!1\n*\t[ ] Added a Print stylesheet? Check how your web looks in print mode CMD+P\n*\t[ ] Test your entire website... 🤡\n\n## Special thanks\nThe web penguin **Jón Þór** for showing me 30 Seconds of CSS. 😍\n\nThanks to **Atomiks** for all the tips and tricks. ⭐️ (https://github.com/atomiks/30-seconds-of-css)\n\nThanks to Evan You *(true legend)* for making **Vue.js** (https://vuejs.org)\n\nThanks to the awesome devs of **Webpack** for their super moist bundler (https://webpack.js.org/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fro0t%2Fboiler","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fro0t%2Fboiler","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fro0t%2Fboiler/lists"}