{"id":14982151,"url":"https://github.com/roybarber/static-starter","last_synced_at":"2025-10-29T11:31:14.156Z","repository":{"id":31584340,"uuid":"35149132","full_name":"roybarber/static-starter","owner":"roybarber","description":"Tailwind 3 CSS + Gulp 4 + Webpack 4 + Handlebars + Babel + BrowserSync + Netlify CLI + Netlify Functions. Speed up your development with a complete and scalable gulpjs based build system that scaffolds the project for you.","archived":false,"fork":false,"pushed_at":"2023-03-02T10:16:20.000Z","size":13104,"stargazers_count":51,"open_issues_count":0,"forks_count":12,"subscribers_count":12,"default_branch":"develop","last_synced_at":"2025-02-02T01:04:52.186Z","etag":null,"topics":["babel","browsersync","build","css","gulp","gulp-sketch","gulpjs","netlify","netlify-cli","netlify-functions","sass","starter","starter-kit","starter-template","static","tailwind","tailwindcss","webpack"],"latest_commit_sha":null,"homepage":"https://static-starter.netlify.app","language":"HTML","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/roybarber.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2015-05-06T08:54:52.000Z","updated_at":"2024-06-17T19:44:32.000Z","dependencies_parsed_at":"2024-09-28T06:41:52.028Z","dependency_job_id":"c15d77e6-6cb2-4b7b-b66e-beb14db55d8d","html_url":"https://github.com/roybarber/static-starter","commit_stats":{"total_commits":198,"total_committers":10,"mean_commits":19.8,"dds":0.6565656565656566,"last_synced_commit":"ec9d9105c43e1d49dd821f22b17a62521c603c2f"},"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/roybarber%2Fstatic-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/roybarber%2Fstatic-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/roybarber%2Fstatic-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/roybarber%2Fstatic-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/roybarber","download_url":"https://codeload.github.com/roybarber/static-starter/tar.gz/refs/heads/develop","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":238817373,"owners_count":19535517,"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":["babel","browsersync","build","css","gulp","gulp-sketch","gulpjs","netlify","netlify-cli","netlify-functions","sass","starter","starter-kit","starter-template","static","tailwind","tailwindcss","webpack"],"created_at":"2024-09-24T14:04:52.730Z","updated_at":"2025-10-29T11:31:13.516Z","avatar_url":"https://github.com/roybarber.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"## Static Starter 2021\nTailwind 3 + Gulp 4 + Webpack 4 + Handlebars + POST CSS + Babel + BrowserSync + Netlify Deployment\n\nFor a faster version of this repo: Please see [https://github.com/roybarber/vite-static-starter](https://github.com/roybarber/vite-static-starter)\n\nSpeed up your development with a complete and scalable super simple gulpjs based build system that scaffolds the project for you. Just focus on your code. Provides a consumable mock API to build real world front ends pre-integration.\n\n## Getting Started\n\n### Requirements\n1. [NodeJS](https://nodejs.org/en/)\n2. [npm](https://www.npmjs.com/get-npm)\n\n\n### Install\n\n1. Clone this repository\n2. Run `npm install`\n\n### Run the project\n\n|                | Task Name                                    | Description                                               | Environment |\n| -------------- | :------------------------------------------- | :-------------------------------------------------------- | :---------- |\n| :construction: | `npm run dev`                     | Compile dev build, start the server and fake API and watch for changes | Development |\n| :factory:      | `npm run build` | Compile production build                                  | Production  |\n\n\n\n### How to use SVG sprite?\n\n##### Add images\n\n1. `optional` Change color values (`fill` or `stroke`) in your SVG file to `currentColor` to support dynamic color changes.\n2. Put SVG file in `src/img/svg-sprite` directory.\n3. The code from your SVG file will be included in one svg-sprite and placed in `dist/img/svg-sprite/sprite.svg`\n\n##### SVG tag\n\n```html\n\u003csvg viewBox=\"x0 y0 x1 y1\"\u003e\n  \u003cuse href=\"assets/img/svg-sprite/sprite.svg#YOUR_SVG_FILE_NAME\"\u003e\u003c/use\u003e\n\u003c/svg\u003e\n```\n\nYou can get viewBox value from your SVG file or using devTools on the page after including sprite.svg\n\n##### IMG tag\n\n```html\n\u003cimg src=\"assets/img/svg-sprite/sprite.svg#YOUR_SVG_FILE_NAME\" alt=\"\"\u003e\n```\n\nIn this case, the image does not respond to color changes.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Froybarber%2Fstatic-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Froybarber%2Fstatic-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Froybarber%2Fstatic-starter/lists"}