{"id":51595951,"url":"https://github.com/petarjs/fe-gulp-starter","last_synced_at":"2026-07-11T18:42:41.030Z","repository":{"id":79496345,"uuid":"44493436","full_name":"petarjs/fe-gulp-starter","owner":"petarjs","description":"Simple Front End Gulp starter","archived":false,"fork":false,"pushed_at":"2015-10-18T22:38:41.000Z","size":112,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2023-08-23T06:27:01.114Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/petarjs.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":"2015-10-18T19:43:45.000Z","updated_at":"2015-10-18T22:38:43.000Z","dependencies_parsed_at":"2023-03-05T22:30:46.579Z","dependency_job_id":null,"html_url":"https://github.com/petarjs/fe-gulp-starter","commit_stats":null,"previous_names":[],"tags_count":0,"template":null,"template_full_name":null,"purl":"pkg:github/petarjs/fe-gulp-starter","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/petarjs%2Ffe-gulp-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/petarjs%2Ffe-gulp-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/petarjs%2Ffe-gulp-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/petarjs%2Ffe-gulp-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/petarjs","download_url":"https://codeload.github.com/petarjs/fe-gulp-starter/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/petarjs%2Ffe-gulp-starter/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":35372639,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-07-11T02:00:05.354Z","response_time":104,"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":[],"created_at":"2026-07-11T18:42:40.054Z","updated_at":"2026-07-11T18:42:41.021Z","avatar_url":"https://github.com/petarjs.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Front End Gulp starter\n\nSimple Front End Gulp starter.  \nProvides folder structure and Gulp tasks to easily build anything.  \n\n## Where to start?\n\nIn order to start, you will need to have NodeJS, npm, bower and gulp installed globally.  \nThen just `git clone`, and change the remote origin to your repo (`git remote set-url origin \u003cPath-To-Your-Repo\u003e`).  \nNow you need to install some dependencies, do that with `sudo npm install` and then `bower install`.  \nThen run `gulp serve` and open `http://localhost:3000`.  \nGo make some front end magic!\n\n## Folder structure\n\n```\napp/\n  img/\n  js/\n  less/\n  index.html\nbower_components/\ndist/\ngulp/\nnode_modules/\n.bowerrc\n.gitignore\nbower.json\ngulpfile.js\npackage.json\nvendor.json\n```\n\n`app` is where all of your source code will live.  \n`dist` will hold the compiled code. Gulp will serve the code from here. Don't make changes to files in here, because they are deleted and recompiled on each build.  \n`gulp` holds all gulp tasks.\n\n## Gulp workflow\n\nCompiled assets are copied to `dist` folder, from where they can be served.\n\n### Included out of the box\n\n- JQuery\n- Bootstrap\n- FontAwesome\n\n### Main gulp tasks\n\n- `gulp build` - Builds the assets and copies them to `dist`.\n- `gulp serve` - Does the same as `gulp build`, and then starts a local server (`http://localhost:3000`) and starts watchers on .js and .less files.\n- `gulp` - Does `gulp serve`.\n\n### Javascript\n\nGulp will concatenate all your custom javascript code and save it to `dist/js/app.js`.  \n\n### LESS\n\nGulp will concatenate all your custom less code, compile it to CSS, and save it to `dist/js/app.css`.\n\n### Third party libraries\n\nYou can install third party libraries using Bower.  \nGulp will concatenate all vendor javascript files from `bower_components` and save it to `dist/js/vendors.js`.  \nGulp will concatenate all vendor css files from `bower_components` and save it to `dist/css/vendors.css`.  \nSince we need to know the order in which the files need to be concatenated (for example, we need to include jQuery before some plugins that depend on it), we define the order in `vendors.json` file.  \nSo, whenever you add a new lib using Bower, you will need to include it in `vendors.json`.\n\n### Third party LESS\n\nWhat about third party less files? For example, you added the less version of Bootstrap and want to customize it. In that case, you just need to `@include` the library's less file into your `app.less`, and can use it. And example of this can be seen in `app/less/app.less`.\n\n## Be Awesome.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpetarjs%2Ffe-gulp-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpetarjs%2Ffe-gulp-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpetarjs%2Ffe-gulp-starter/lists"}