{"id":19351525,"url":"https://github.com/opensourcedoc/bootstrap-4-boilerplate","last_synced_at":"2026-05-14T08:34:08.599Z","repository":{"id":44056534,"uuid":"194817914","full_name":"opensourcedoc/bootstrap-4-boilerplate","owner":"opensourcedoc","description":"Bootstrap 4 based Front End Boilerplate Project, Powered by Gulp","archived":false,"fork":false,"pushed_at":"2023-10-10T10:09:50.000Z","size":1029,"stargazers_count":1,"open_issues_count":10,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-24T10:35:47.672Z","etag":null,"topics":["boilerplate","boilerplate-front-end","boilerplate-frontend","boilerplate-html","html-frontend-boilerplate","nunjucks"],"latest_commit_sha":null,"homepage":"","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/opensourcedoc.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2019-07-02T08:06:25.000Z","updated_at":"2023-07-16T22:20:42.000Z","dependencies_parsed_at":"2024-11-10T04:36:38.521Z","dependency_job_id":"598b96a7-b6d6-4720-943c-412182891ac7","html_url":"https://github.com/opensourcedoc/bootstrap-4-boilerplate","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"purl":"pkg:github/opensourcedoc/bootstrap-4-boilerplate","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/opensourcedoc%2Fbootstrap-4-boilerplate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/opensourcedoc%2Fbootstrap-4-boilerplate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/opensourcedoc%2Fbootstrap-4-boilerplate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/opensourcedoc%2Fbootstrap-4-boilerplate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/opensourcedoc","download_url":"https://codeload.github.com/opensourcedoc/bootstrap-4-boilerplate/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/opensourcedoc%2Fbootstrap-4-boilerplate/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33017086,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-13T13:14:54.681Z","status":"online","status_checked_at":"2026-05-14T02:00:06.663Z","response_time":57,"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":["boilerplate","boilerplate-front-end","boilerplate-frontend","boilerplate-html","html-frontend-boilerplate","nunjucks"],"created_at":"2024-11-10T04:36:32.858Z","updated_at":"2026-05-14T08:34:08.581Z","avatar_url":"https://github.com/opensourcedoc.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Bootstrap 4 Boilerplate\n\nFront end boilerplate project for Bootstrap 4.\n\n## Note\n\nThis boilerplate project intends for tiny static sites with few pages. If you want to build a content website, see [Lightweight CMS](https://lightweightcms.org) instead.\n\n## Technology Stacks\n\nMain tools used during development:\n\n* [Gulp](https://gulpjs.com/): build automation for the project\n* [Nunjucks](https://mozilla.github.io/nunjucks/) (with Markdown support): HTML template language\n* [Sass](https://sass-lang.com/): write CSS in Sass\n* [Autoprefixer](https://github.com/postcss/autoprefixer): add prefix for your CSS sheet\n* [stylelint](https://stylelint.io/): check the quality of your CSS sheet\n* [Babel](https://babeljs.io/): JavaScript transpiler\n* [Flow](https://flow.org/en/): add type checking for JavaScript\n* [ESLint](https://eslint.org/): check the quality of your JavaScript code\n* [eslint-plugin-compat](https://github.com/amilajack/eslint-plugin-compat): check browser compatibility\n\nLibraries used in the output:\n\n* [Bootstrap 4](https://getbootstrap.com/) and [Bootstrap.Native](http://thednp.github.io/bootstrap.native/)\n* [HTML5 Shiv](https://github.com/aFarkas/html5shiv/)\n\n## Usage\n\n### Start a New Project\n\nClone this repo:\n\n```\n$ git clone https://github.com/cwchentw/bootstrap-4-boilerplate.git myapp\n```\n\nChange your working directory to the root of the cloned repo:\n\n```\n$ cd myapp\n```\n\nInstall required packages:\n\n```\n$ npm install\n```\n\nAfter editing *myapp*, update the remote URL to save the local repo to a new remote one:\n\n```\n$ git remote set-url origin https://example.com/user/myapp.git\n$ git push -u origin master\n```\n\n### Build a Project\n\nInvoke this command to build a project:\n\n```\n$ npm run dev\n```\n\nThe output will be in *public* directory. During development phase, all assets will keep pretty format.\n\n### Live Code a Project\n\nInvoke this command:\n\n```\n$ npm run watch\n```\n\nVisit the output at http://localhost:3000/ . While ediing the project. the output will be updated automatically.\n\n### Publish a Project\n\nInvoke this command to build a project for production environment:\n\n```\n$ npm run prod\n```\n\nThe output will be in *public* directory. During production phase, all assets will be minified to save bandwidth.\n\nUpload the content in *public* directory to a remote web server to publish this project.\n\n## Use Markdown in the Project\n\nNunjucks doesn't support Markdown by default. Its support in Nunjucks is implemented in a [plugin](https://github.com/zephraph/nunjucks-markdown).\n\nTo write a Markdown document, wrap such code in a specific region:\n\n```\n{% markdown %}\nHello World\n===========\n# Do stuff\n{% endmarkdown %}\n```\n\nYou may include a Markdown file as a template:\n\n```\n{% markdown \"post.md\" %}\n```\n\nAlternatively, include some Markdown code as a partial:\n\n```\n{% markdown %}\n{% include 'post1.md' %}\n{% include 'post2.md' %}\n{% endmarkdown %}\n```\n\n## Note for Web Developers\n\nYou should **NOT** use the builtin error pages provided by your web server. Such pages usually reveal too much system information. Instead, you should set redirecting rules and custom error pages for erroreous HTTP status codes.\n\nIn this boilerplate project, we provide a custom HTTP 404 error page. Nevertheless, the page works only on our development environment. You still need to set your own redirecting rules and custom error pages on your production environment.\n\n## See Also\n\nThis boilerplate project is largely inspired by [tonik/html-frontend-boilerplate](https://github.com/tonik/html-frontend-boilerplate).\n\nWhy re-inventing the wheel? That project didn't migrate to Gulp 4 yet as this repo was built. In addition, the project used [Rollup](https://rollupjs.org/guide/en/) as its bundler, which doesn't support multiple JavaScript files when combined with Gulp. Hence, I updated to Gulp 4, dropping Rollup to support multiple scripts in this repo.\n\n## Copyright\n\nCopyright (c) 2019-2021, Michelle Chen. Licensed under [MIT license](http://opensource.org/licenses/MIT)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fopensourcedoc%2Fbootstrap-4-boilerplate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fopensourcedoc%2Fbootstrap-4-boilerplate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fopensourcedoc%2Fbootstrap-4-boilerplate/lists"}