{"id":14982195,"url":"https://github.com/lanceguyatt/fronter","last_synced_at":"2026-01-27T08:02:47.287Z","repository":{"id":42355902,"uuid":"84881586","full_name":"lanceguyatt/fronter","owner":"lanceguyatt","description":"Front-end starter kit.","archived":false,"fork":false,"pushed_at":"2022-12-03T01:12:03.000Z","size":3236,"stargazers_count":2,"open_issues_count":20,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-06-01T20:31:37.420Z","etag":null,"topics":["development-workflow","gulpjs","postcss","pug","webpack2"],"latest_commit_sha":null,"homepage":"http://fronter.surge.sh/","language":"CSS","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/lanceguyatt.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-03-13T22:43:02.000Z","updated_at":"2020-02-24T15:29:58.000Z","dependencies_parsed_at":"2023-01-23T08:46:22.623Z","dependency_job_id":null,"html_url":"https://github.com/lanceguyatt/fronter","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/lanceguyatt/fronter","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lanceguyatt%2Ffronter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lanceguyatt%2Ffronter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lanceguyatt%2Ffronter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lanceguyatt%2Ffronter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lanceguyatt","download_url":"https://codeload.github.com/lanceguyatt/fronter/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lanceguyatt%2Ffronter/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28809336,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-27T07:41:26.337Z","status":"ssl_error","status_checked_at":"2026-01-27T07:41:08.776Z","response_time":168,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6: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":["development-workflow","gulpjs","postcss","pug","webpack2"],"created_at":"2024-09-24T14:04:56.470Z","updated_at":"2026-01-27T08:02:47.270Z","avatar_url":"https://github.com/lanceguyatt.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Fronter [![dependencies Status](https://david-dm.org/lanceguyatt/fronter/status.svg)](https://david-dm.org/lanceguyatt/fronter) [![devDependency Status](https://david-dm.org/lanceguyatt/fronter/dev-status.svg?style=flat-square)](https://david-dm.org/lanceguyatt/fronter#info=devDependencies)\n\n\u003e Front-end starter kit.\n\n# Quick-Start Guide\n\n- [Installation](#installation)\n- [Development Workflow](#development-workflow)\n- [Builders](#builders)\n- [Servers](#servers)\n- [Scripts](#scripts)\n- [Styles](#styles)\n- [Templates](#templates)\n- [Images](#images)\n- [Linters](#linters)\n\n## Installation\n\n**1. Clone this repo:**\n\n```sh\ngit clone git@github.com:lanceguyatt/fronter.git my-app\ncd my-app\n```\n\n**2. Make it your own**\n\n```sh\nrm -rf .git \u0026\u0026 git init \u0026\u0026 npm init\n```\n\u003e This re-initializes the repo and sets up your NPM project.\n\n**3. Install the dependencies:**\n\nInstall via [yarn]\n\n```sh\nyarn\n```\nOr via [npm]\n\n```sh\nnpm install\n```\n\u003e You're done installing! Now let's get started developing.\n\n## Development Workflow\n\n**4. Start a [`browser-sync`] development server**\n\n```sh\ngulp\n```\n\u003e Browser sync\n\n**5. Generate a production build in `./build`:**\n\n```sh\ngulp build\n```\n\u003e Build\n\n**6. Start local production server with [`serve`]:**\n\n```sh\nnpm start\n```\n\u003e Serve\n\n---\n\n## Builders\n\n* [`gulp`] The streaming build system\n* [`webpack`] A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows to load parts for the application on demand. Through \"loaders,\" modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.\n\n[`gulp`]: https://github.com/gulpjs/gulp\n[`webpack`]: https://github.com/webpack/webpack\n\n---\n\n## Servers\n\n* [`gulp-nodemon`] gulp + nodemon + convenience\n* [`browser-sync`] Keep multiple browsers \u0026 devices in sync when building websites\n* [`serve`] Static file serving and directory listing\n\n[`gulp-nodemon`]: https://github.com/JacksonGariety/gulp-nodemon\n[`browser-sync`]: https://github.com/BrowserSync/browser-sync\n[`serve`]: https://github.com/zeit/serve\n\n---\n\n## Scripts\n\n* [`babel-core`] Babel compiler core\n* [`babel-loader`] Webpack plugin for Babel\n* [`babel-preset-env`] Autoprefixer for Babel: compile less\n* [`svg4everybody`] Use external SVG spritemaps today\n\n[`babel-core`]: https://github.com/babel/babel/tree/master/packages/babel-core\n[`babel-loader`]: https://github.com/babel/babel-loader\n[`babel-preset-env`]: https://github.com/babel/babel-preset-env\n[`svg4everybody`]: https://github.com/jonathantneal/svg4everybody\n\n---\n\n## Styles\n\n* [`autoprefixer`] Parse CSS and add vendor prefixes to rules by Can I Use\n* [`css-mqpacker`] A tool for packing same CSS media query rules into one with PostCSS\n* [`lost`] LostGrid is a powerful grid system built in PostCSS that works with any preprocessor and even vanilla CSS\n* [`postcss`] Transforming styles with JS plugins\n* [`postcss-import`] PostCSS plugin to inline @import rules content\n* [`postcss-nested`] PostCSS plugin to unwrap nested rules like how Sass does it.\n* [`postcss-short`] Use advanced shorthand properties in CSS\n* [`postcss-mixins`] PostCSS plugin for mixins\n* [`postcss-simple-vars`] PostCSS plugin for Sass-like variables\n* [`postcss-custom-media`] PostCSS plugin to transform W3C CSS Custom Media Queries to more compatible CSS\n* [`postcss-custom-selectors`] PostCSS Custom Selectors\n* [`postcss-calc`] PostCSS plugin to reduce calc()\n* [`postcss-custom-properties`] PostCSS plugin to transform W3C CSS Custom Properties for cascading variables\n* [`postcss-color-function`] PostCSS plugin to transform W3C CSS color function to more compatible CSS\n* [`gulp-postcss`] Pipe CSS through PostCSS processors with a single parse\n\n[`autoprefixer`]: https://github.com/postcss/autoprefixer\n[`css-mqpacker`]: https://github.com/hail2u/node-css-mqpacker\n[`postcss`]: https://github.com/postcss/postcss\n[`gulp-postcss`]: https://github.com/postcss/gulp-postcss\n[`lost`]: https://github.com/peterramsing/lost\n[`postcss-calc`]: https://github.com/postcss/postcss-calc\n[`postcss-color-function`]: https://github.com/postcss/postcss-color-function\n[`postcss-custom-media`]: https://github.com/postcss/postcss-custom-media\n[`postcss-custom-properties`]: https://github.com/postcss/postcss-custom-properties\n[`postcss-custom-selectors`]: https://github.com/postcss/postcss-custom-selectors\n[`postcss-import`]: https://github.com/postcss/postcss-import\n[`postcss-mixins`]: https://github.com/postcss/postcss-mixins\n[`postcss-nested`]: https://github.com/postcss/postcss-nested\n[`postcss-short`]: https://github.com/jonathantneal/postcss-short\n[`postcss-simple-vars`]: https://github.com/postcss/postcss-simple-vars\n\n---\n\n## Templates\n\n* [`pug`] Pug – robust, elegant, feature rich template engine for Node.js\n* [`gulp-pug`] Gulp plugin for compiling Pug templates\n* [`jstransformer-markdown-it`] Markdown-It support for JSTransformers.\n\n[`pug`]: https://github.com/pugjs/pug\n[`gulp-pug`]: https://github.com/pugjs/gulp-pug\n[`jstransformer-markdown-it`]: https://github.com/jstransformers/jstransformer-markdown-it\n\n---\n\n## Images\n\n* [`gulp-svgmin`] Minify SVG files with gulp.\n* [`gulp-svgstore`] Combine svg files into one with \u003csymbol\u003e elements\n\n[`gulp-svgmin`]: https://github.com/ben-eb/gulp-svgmin\n[`gulp-svgstore`]: https://github.com/w0rm/gulp-svgstore\n\n---\n\n## Linters\n\n* [`eslint`] The pluggable linting utility for JavaScript and JSX\n* [`eslint-plugin-import`] ESLint plugin with rules that help validate proper imports\n\n* https://github.com/prettier/eslint-config-prettier\n\n* [`gulp-htmlhint`] htmlhint wrapper for gulp to validate your HTML\n* [`gulp-stylelint`] Gulp plugin for running Stylelint results through various reporters\n* [`stylelint`] A mighty, modern CSS linter\n* [`stylelint-config-standard`] The standard shareable config for stylelint\n\n[`eslint`]: http://eslint.org/\n[`eslint-plugin-import`]: https://github.com/benmosher/eslint-plugin-import\nhttps://github.com/prettier/eslint-config-prettier\n[`gulp-htmlhint`]: https://github.com/bezoerb/gulp-htmlhint\n[`gulp-stylelint`]: https://github.com/olegskl/gulp-stylelint\n[`stylelint`]: https://github.com/stylelint/stylelint\n[`stylelint-config-standard`]: https://github.com/stylelint/stylelint-config-standard\n\n---\n\n## Formatters\n\n* [`prettier`] Prettier is an opinionated code formatter.\n\n[`prettier`]: https://github.com/prettier/prettier\n\n---\n\n## Utils\n\n* [`gulp-changed`] Only pass through changed files\n* [`gulp-cli`] CLI for gulp\n* [`gulp-rename`] Rename files easily\n* [`gulp-size`] Display the size of your project\n* [`gulp-util`] Utilities for gulp plugins\n\n[`gulp-changed`]: https://github.com/sindresorhus/gulp-changed\n[`gulp-cli`]: https://github.com/gulpjs/gulp-cli\n[`gulp-rename`]: https://github.com/hparra/gulp-rename\n[`gulp-size`]: https://github.com/sindresorhus/gulp-size\n[`gulp-util`]: https://github.com/gulpjs/gulp-util\n\n---\n\n## License\n\n[MIT](./LICENSE) \u0026copy; [Lance Guyatt](http://lanceguyatt.com)\n\n[npm]: https://www.npmjs.com/\n[yarn]: https://www.npmjs.com/package/yarn\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flanceguyatt%2Ffronter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flanceguyatt%2Ffronter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flanceguyatt%2Ffronter/lists"}