{"id":19644043,"url":"https://github.com/actuallymentor/hi-pew","last_synced_at":"2026-05-02T17:35:51.912Z","repository":{"id":53764224,"uuid":"86371861","full_name":"actuallymentor/hi-pew","owner":"actuallymentor","description":"An extremely performanc webpage/frontend boilerplate using webpack.","archived":false,"fork":false,"pushed_at":"2023-01-28T19:59:29.000Z","size":11046,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-10-13T16:05:56.011Z","etag":null,"topics":["browser-sync","frontend","pug","sass","webpack"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/actuallymentor.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}},"created_at":"2017-03-27T18:46:17.000Z","updated_at":"2023-07-28T17:39:43.000Z","dependencies_parsed_at":"2023-02-15T18:45:59.978Z","dependency_job_id":null,"html_url":"https://github.com/actuallymentor/hi-pew","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"purl":"pkg:github/actuallymentor/hi-pew","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/actuallymentor%2Fhi-pew","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/actuallymentor%2Fhi-pew/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/actuallymentor%2Fhi-pew/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/actuallymentor%2Fhi-pew/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/actuallymentor","download_url":"https://codeload.github.com/actuallymentor/hi-pew/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/actuallymentor%2Fhi-pew/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279016062,"owners_count":26085798,"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","status":"online","status_checked_at":"2025-10-13T02:00:06.723Z","response_time":61,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["browser-sync","frontend","pug","sass","webpack"],"created_at":"2024-11-11T14:25:18.638Z","updated_at":"2025-10-13T16:08:02.739Z","avatar_url":"https://github.com/actuallymentor.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 👋 🔫 HI PEW - High Performance Website Boilerplate\n\n\u003cimg height=\"50px\" style=\"float: left;\" alt=\"webpack\" src=\"http://i.imgur.com/xz36f45.png\" /\u003e \u003cimg height=\"50px\" style=\"float: left;\" alt=\"browsersync\" src=\"http://i.imgur.com/L5peje9.png\" /\u003e \u003cimg height=\"50px\" style=\"float: left;\" alt=\"pug\" src=\"http://i.imgur.com/x4sHEg4.png\" /\u003e \u003cimg height=\"50px\" style=\"float: left;\" alt=\"sass\" src=\"http://i.imgur.com/O9ikKdz.png\" /\u003e\n\nA static website generator that implements best practices for page speed. [ Click here for a live demo ]( https://actuallymentor.github.io/hi-pew/ ).\n\n- input: Markup in [pug]( https://github.com/pugjs ), styling in [Sass]( https://github.com/sass/sass ) and Javascript with [Babel]( https://babeljs.io/ )\n- output: deployment-ready minified, prefixed and compressed build files\n\nBenefits:\n\n- 🚀 100% Google Page Speed Score ([view score]( https://developers.google.com/speed/pagespeed/insights/?url=https://actuallymentor.github.io/hi-pew/ ))\n- 👩‍💻 Use `pug`, `sass` and the newest `js` with zero setup time\n- 👓 SEO best practices auto-implemented\n- 🇪🇺 Built-in multilanguage support\n- 🌐 Built-in broken link checker through `npm test`\n- 🧪 Advanced performance options and compatibility warnings\n\n## Getting started\n\nDependencies:\n\n- [node.js]( https://nodejs.org/en/ )\n- [nvm]( https://github.com/nvm-sh/nvm ) ( optional, recommended )\n\n### Basic usage\n\n1. Clone this repository\n2. Run `npm start`, your browser will open with a live-updating preview\n3. Edit the source files in `src/`\n4. Configure SEO settings in `modules/config.js`\n\nTo create a production build in `docs/`:\n\n```shell\nnpm run build\n```\n\n### Advanced usage\n\n1. Customise auto-image compression\n    - Edit the `system.images` key to include your compression preferences for `jpeg`, `webp` and `avif`\n    - Use the `rimg` (responsive img) mixin found in `src/pug/_helpers`\n    - Use the `cimg` (compressed img) mixin found in `src/pug/_helpers`\n    - Note: images are not compressed in `NODE_ENV=development` mode which is the `npm start` default, `npm run build` does trigger that actual file optimisation\n2. Separate your CSS for meaningful-paint optimisation\n    - Use `src/css/essential-above-the-fold.sass` for essential above the fold styles\n    - Use `src/css/styles.sass` for below the fold styles\n3. Set per-page SEO settings\n    - Every `.pug` file may contain it's own metadata and sharing image\n    - The `page` object can set `title`, `desc`, `url`, `published`, `featuredimg` which are used in the `head` meta tags and the footer `application/ld+json` rich snipped data\n4. Confgure deeper browser compatibility\n    - By default `npm start` runs a [ caniuse ]( https://caniuse.com/ ) compatibility check on your SASS\n    - Javascript backwards compatibility in `.babelrc`\n    - CSS compatibility in `modules/config.js` at `browsers`\n4. Enable auto-deployment\n    - Templates for Github pages, Firebase and AWS are available in `.github/workflows`\n5. Use subpages (like `/category/people/john.html`)\n    - Any `.pug` file in `src` will be compiled except those that are in reserved folders or begin with `_`\n    - `src/index.pug` \\\u003e `index.html`\n    - `src/pages/contact.pug` \\\u003e `/pages/contact.html`\n    - `src/{ assets, content, css, js }/template.pug` \\\u003e not rendered\n    - `src/pug/_footer.pug` \\\u003e not rendered (unless included in another pug)\n\n### Multiple languages\n\nEvery `.json` or `.js` file in `src/content` will result in a duplicate of your website using the content in that file.\n\n```js\nmodule.exports = {\n    slug: \"/\", // The relative URL of this language\n    lang: \"en\", // The language code of this language (use W3 compliant codes)\n\n    // You can creat any keys and access them inside pug files\n    hero: {\n        \"title\": \"something\",\n        \"explanation\": \"lorem ipsum\"\n    },\n    usps: [ \"It's good\", \"It's free\" ]\n}\n```\n\nThe attributes can be read inside any pug template under the `content` variable, for example:\n\n```pug\ndiv.hero\n    p#title #{ content.hero.title }\n    a( href=content.slug ) home\ndiv.usp\n    each usp in content.usps\n        p= usp\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Factuallymentor%2Fhi-pew","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Factuallymentor%2Fhi-pew","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Factuallymentor%2Fhi-pew/lists"}