{"id":17800128,"url":"https://github.com/rakshans1/frontend-starter","last_synced_at":"2025-03-17T07:32:01.790Z","repository":{"id":22226092,"uuid":"94857637","full_name":"rakshans1/frontend-starter","owner":"rakshans1","description":"Frontend boilerplate for local frontend web development with Webpack, Browsersync, Sass, Handlebars","archived":false,"fork":false,"pushed_at":"2022-12-07T00:36:51.000Z","size":503,"stargazers_count":20,"open_issues_count":12,"forks_count":11,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-04-13T04:12:43.430Z","etag":null,"topics":["boilerplate","browsersync","localdevelopment","sass","starter-kit","static-site","webpack2"],"latest_commit_sha":null,"homepage":"","language":"SCSS","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/rakshans1.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-06-20T06:32:23.000Z","updated_at":"2023-04-19T22:01:16.000Z","dependencies_parsed_at":"2022-09-04T11:10:26.268Z","dependency_job_id":null,"html_url":"https://github.com/rakshans1/frontend-starter","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rakshans1%2Ffrontend-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rakshans1%2Ffrontend-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rakshans1%2Ffrontend-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rakshans1%2Ffrontend-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rakshans1","download_url":"https://codeload.github.com/rakshans1/frontend-starter/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":221674134,"owners_count":16861777,"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","browsersync","localdevelopment","sass","starter-kit","static-site","webpack2"],"created_at":"2024-10-27T12:15:20.277Z","updated_at":"2024-10-27T12:15:20.742Z","avatar_url":"https://github.com/rakshans1.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"[![forthebadge](http://forthebadge.com/images/badges/60-percent-of-the-time-works-every-time.svg)]()\n[![forthebadge](http://forthebadge.com/images/badges/built-with-love.svg)]()\n[![forthebadge](http://forthebadge.com/images/badges/uses-html.svg)]()\n[![forthebadge](http://forthebadge.com/images/badges/uses-css.svg)]()\n[![forthebadge](http://forthebadge.com/images/badges/uses-git.svg)]()\n[![forthebadge](http://forthebadge.com/images/badges/uses-js.svg)]()\n[![forthebadge](http://forthebadge.com/images/badges/powered-by-netflix.svg)]()\n[![forthebadge](http://forthebadge.com/images/badges/winter-is-coming.svg)]()\n[![](http://forthebadge.com/images/badges/check-it-out.svg)]()\n\nProject Template\n========================================\n\n#### _Because web development doesn't need to be a pain._\n\nThe project template is the way to build static sites fast.  With one command, build a static page using [Webpack][webpack], [Gulp][gulp], [Handlebars.js][handlebars], and [SCSS][scss].\n\n[ES6]\n\n## Features\n\n- Install the project in just three commands (see \"Developing\" below).\n- Use [Handlebars.js][handlebars] to keep our HTML organized into templates and partials.\n- Use [SCSS][scss] to keep our CSS organized into logical components.\n- Use [Browsersync][browsersync] to automatically launch a development version of our website, reload the page whenever we change the HTML, and inject changes to CSS, JavaScript, and images with needing to reload.\n- Use [HTML Minifier][htmlmin], and optimize our HTML, CSS, JavaScript, and images, respectively.\n\nAll with one command from the terminal:\n\n```bash\nyarn start\n```\n\n## Setup\n\n```bash\nnpm install -g gulp  # May require `sudo`\n```\n\n## Developing\n\n```bash\nyarn install            # One time\ngulp serve\n```\n\n## Reminders\n\nIf you want to use this repo for your next project, make sure to make the following changes:\n\n1. Edit `data.yml`, filling in the HTML metadata associated with your site.\n2. Edit `package.json` providing a `name`, `version`, `description`, `license`, and `repository.url`.\n3. Remove the `.git` folder, so that you start from a fresh commit history.\n4. Edit `README.md` to your preference.\n\n## Gulp Commands\n\nAn overview of Gulp commands available:\n\n### `gulp build`\n\nBuilds the site into the `dist` directory.  This includes:\n\n- SCSS, sourcemaps and autoprefixing\n- JS uglification\n- Handlebars to HTML\n\n### `gulp build:optimized`\n\nThis is used for distributing an optimized version of the site (for deployment).  It includes everything from `gulp build` as well as:\n- SCSS minification\n- CSS / JS inline-sourcing \n\n### `gulp watch`\n\nWatchs for changes in local files and rebuilds parts of the site as necessary, into the `dist` directory.\n\n### `gulp serve`\n\nRuns `gulp watch` in the background, and serves the `dist` directory at `localhost:3000` with automatic reloading using [Browsersync][browsersync].\n\n## Structure\n\n```bash\n├── webpack.config.dev.js   # Controls javascript and css bundling\n├── Gulpfile.js             # Controls Gulp, used for building the website\n├── README.md               # This file\n├── data.yml                # Metadata associated with the site.\n├── dist/                   # Gulp builds the static site into this directory\n├── package.json            # Dependencies\n└── src/                    # All source code\n    ├── assets/ \n        ├── css/            # Stylesheets\n        ├── font/           # Font files\n        ├── img/            # Images and SVGs\n        ├── js/             # Javascript libraries and scripts\n    ├── views/     \n        ├── partials/       # Handlebars HTML partials that are included / extended\n        └── templates/      # Handlebars HTML files, one per page on the site.\n```\n\n[browsersync]: http://www.browsersync.io/\n[gulp]: http://gulpjs.com/\n[handlebars]: http://handlebarsjs.com/\n[htmlmin]: https://github.com/kangax/html-minifier\n[imagemin]: https://github.com/imagemin/imagemin\n[npm-install]: https://nodejs.org/en/download/\n[scss]: http://sass-lang.com/\n[webpack]: https://webpack.js.org/\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frakshans1%2Ffrontend-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frakshans1%2Ffrontend-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frakshans1%2Ffrontend-starter/lists"}