{"id":16848876,"url":"https://github.com/carloscuesta/generator-starterkit","last_synced_at":"2025-11-08T21:30:29.752Z","repository":{"id":57248939,"uuid":"42781299","full_name":"carloscuesta/generator-starterkit","owner":"carloscuesta","description":"Yeoman that scaffolds out a front end starterkit. 📦","archived":true,"fork":false,"pushed_at":"2017-10-14T20:41:57.000Z","size":714,"stargazers_count":30,"open_issues_count":0,"forks_count":4,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-10-28T13:45:07.067Z","etag":null,"topics":["gulp","scaffold","starterkit","yeoman-generator"],"latest_commit_sha":null,"homepage":"https://generatorstarterkit.carloscuesta.me","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/carloscuesta.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":".github/CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-09-19T16:52:36.000Z","updated_at":"2024-10-13T10:20:12.000Z","dependencies_parsed_at":"2022-08-24T16:22:25.561Z","dependency_job_id":null,"html_url":"https://github.com/carloscuesta/generator-starterkit","commit_stats":null,"previous_names":[],"tags_count":29,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/carloscuesta%2Fgenerator-starterkit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/carloscuesta%2Fgenerator-starterkit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/carloscuesta%2Fgenerator-starterkit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/carloscuesta%2Fgenerator-starterkit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/carloscuesta","download_url":"https://codeload.github.com/carloscuesta/generator-starterkit/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239562231,"owners_count":19659615,"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":["gulp","scaffold","starterkit","yeoman-generator"],"created_at":"2024-10-13T13:13:05.372Z","updated_at":"2025-11-08T21:30:29.690Z","avatar_url":"https://github.com/carloscuesta.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# generator-starterkit\n\n[![Build Status](https://img.shields.io/travis/carloscuesta/generator-starterkit.svg?style=flat-square)](https://travis-ci.org/carloscuesta/generator-starterkit)\n[![Dependency Status](http://img.shields.io/david/carloscuesta/generator-starterkit.svg?style=flat-square)](https://david-dm.org/carloscuesta/generator-starterkit)\n[![npm version](https://img.shields.io/npm/v/generator-starterkit.svg?style=flat-square)](https://www.npmjs.com/package/generator-starterkit)\n[![npm-downloads](https://img.shields.io/npm/dt/generator-starterkit.svg?style=flat-square)](http://npmjs.com/package/generator-starterkit)\n[![XO code style](https://img.shields.io/badge/code_style-XO-5ed9c7.svg?style=flat-square)](https://github.com/sindresorhus/xo)\n\n\n![yeoman-starterkit](https://cloud.githubusercontent.com/assets/7629661/11163398/ca52709c-8acd-11e5-88da-8256ab5b6fa0.png)\n\n\u003e Yeoman generator that scaffolds out a front end development [starterkit](https://github.com/carloscuesta/starterkit).\n\n## Technologies\n\n- [**Gulp**](http://gulpjs.com): Automate and enhance your workflow.\n- CSS Preprocessors\n    - [**Sass**](http://sass-lang.com): CSS with superpowers.\n    - [**Less**](http://lesscss.org): Less extends CSS with dynamic behavior.\n- Templating / Markup\n    - [**Pug**](https://pugjs.org): Templating engine.\n    - [**Html**](https://developer.mozilla.org/es/docs/Web/HTML)\n- JavaScript\n\t- [**Babel**](https://babeljs.io): Use next generation JavaScript, today.\n\t- [**Npm**](https://www.npmjs.com): Package manager used to install dependencies and everything you need.\n\t- Linters\n\t\t- [**JSCS**](http://jscs.info): Code style linter for programmatically enforcing your style guide.\n\t\t- [**JSHint**](http://jshint.com): A Static Code Analysis Tool for JavaScript.\n\n## Features\n\n- ```styles```: [Sass](http://sass-lang.com) / [Less](http://lesscss.org) auto compiling, prefixing, minifiying and sourcemapping.\n- ```templates```: [Pug](http://Pug-lang.com) / Html auto compiling and minifiying.\n- ```scripts```: Scripts concatenation, transpiling with [Babel](https://babeljs.io), minifiying and sourcemapping.\n- ```lint```: Lint your JavaScript files.\n- ```images```: Images optimization.\n- ```deploy```: Deploying your project into a github pages surge or ftp server.\n- ```beautify```: Beautify preproduction files.\n- ```browsersync```: Automatically injects all your changes in ```styles```, ```templates``` and ```scripts``` into your browser and other devices on save.\n- ```optimize```: Automatically autoptimize your project using [critical](https://github.com/addyosmani/critical) and [uncss](https://github.com/giakki/uncss), to improve your page speed.\n\nFor more information about gulp workflow / tasks go to [starterkit gulp tasks](https://github.com/carloscuesta/starterkit#tasks)\n\n## Requirements and Use\n\n### Requirements\n\n- [NodeJS](https://nodejs.org/en/)\n- [Yeoman](http://yeoman.io)\n- [Generator-Starterkit](https://github.com/carloscuesta/generator-starterkit)\n\n```bash\n$ npm install -g yo\n$ npm install -g generator-starterkit\n```\n\n### Use\n\nBefore running the generator you will need to **create a folder** for your project where the generator will create all the project files and directories.\n\nOnce you have, **NodeJS**, **Yeoman**, **generator-starterkit** installed and your project folder created you can run the generator using:\n\n```bash\n$ mkdir project\n$ cd project\n$ yo starterkit\n$ gulp\n```\n\nNow the [generator-starterkit](https://github.com/carloscuesta/generator-starterkit) will start to ask some questions to setup the project for you; project information, technologies and languages that you want to use and will install the dependencies automatically based on your decisions.\n\nAlso there are a lot of files being created dynamically such as gulp.js, package.json, readme.md, styles and templates to match the technologies and options that you choose from the generator. (See the [technologies available](https://github.com/carloscuesta/generator-starterkit#technologies))\n\n**Don't forget to run ```gulp``` after the yeoman finishes.** Also you can use **```npm run```** to list the gulp tasks available and running them using for example ```npm run dev```, (dev will run the default gulp task).\n\n## Options\n\n- ```--skip-install```: Skips the installation of dependencies with npm.\n- ```--skip-welcome-message```: Skips the welcome message.\n- ```--skip-install-message```: Skips the message after the installation of dependencies.\n- ```--skip-cache```: Do not remember prompt answers.\n\n## Project Structure\n\n```\n.\n├── /dist/                   # Minified, optimized and compiled files.\n│   ├── /assets/             # Assets folder.\n│   │   ├── /css/            # CSS style files.\n│   │   ├── /files/          # Static files.\n│   │   │   └── img/         # Images folder.\n│   │   └── /js/             # JS files.\n│   └── *.html               # Minified HTML files.\n├── /node_modules/           # Node modules dependencies and packages.\n├── /src/                    # Source files.\n│   ├── /images/             # Images non compressed.\n│   ├── /scripts/            # JavaScript files.\n│   ├── /styles/             # SCSS / Less style files.\n│   │   └── _includes/       # Styles SCSS / Less partials.\n│   ├── /templates/          # Templating Pug files / Html files.\n│   │   └── _includes/       # Templating Pug partials.\n└── gulpfile.js              # Gulp automatization file.\n```\n\n## Demo\n\n![yostarterkit](https://cloud.githubusercontent.com/assets/7629661/10416911/2c8d9600-702b-11e5-9724-087666e1c81b.gif)\n\n## License\n\nThe code is available under the [MIT](https://github.com/carloscuesta/generator-starterkit/blob/master/LICENSE) license.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcarloscuesta%2Fgenerator-starterkit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcarloscuesta%2Fgenerator-starterkit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcarloscuesta%2Fgenerator-starterkit/lists"}