{"id":15138757,"url":"https://github.com/mkupriichuk/webpack-template","last_synced_at":"2025-08-19T02:43:05.852Z","repository":{"id":43563595,"uuid":"106291773","full_name":"mkupriichuk/webpack-template","owner":"mkupriichuk","description":"🚀 Webpack template html/pug/nunjucks/react, sass/scss typescript","archived":false,"fork":false,"pushed_at":"2023-03-01T01:52:06.000Z","size":10252,"stargazers_count":12,"open_issues_count":11,"forks_count":2,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-08-11T21:43:09.915Z","etag":null,"topics":["babel","es6","eslint","html","javascript","nunjucks","pug","react","sass","scss","typescript","webpack","webpack-boilerplate","webpack-template"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/mkupriichuk.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":"2017-10-09T14:07:39.000Z","updated_at":"2023-05-03T14:42:35.000Z","dependencies_parsed_at":"2024-09-16T12:40:50.389Z","dependency_job_id":"81f6ab27-6702-4b01-8060-27ac722d6df6","html_url":"https://github.com/mkupriichuk/webpack-template","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/mkupriichuk/webpack-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mkupriichuk%2Fwebpack-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mkupriichuk%2Fwebpack-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mkupriichuk%2Fwebpack-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mkupriichuk%2Fwebpack-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mkupriichuk","download_url":"https://codeload.github.com/mkupriichuk/webpack-template/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mkupriichuk%2Fwebpack-template/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":271092129,"owners_count":24697903,"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","status":"online","status_checked_at":"2025-08-19T02:00:09.176Z","response_time":63,"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":["babel","es6","eslint","html","javascript","nunjucks","pug","react","sass","scss","typescript","webpack","webpack-boilerplate","webpack-template"],"created_at":"2024-09-26T07:44:19.268Z","updated_at":"2025-08-19T02:43:05.777Z","avatar_url":"https://github.com/mkupriichuk.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Getting Started\n\n## 1. Clone repo\n\n```\n$ git clone https://github.com/mkupriichuk/webpack-template.git .\n```\n\n## 2. Select a branch\n\n```\ndefault master branch // react/typescript/scss with pre-configured mobx,axios,rr-dom\ngit checkout redux // react/typescript/scss with pre-configured REDUX,axios,rr-dom\ngit checkout redux-toolkit // react/typescript/scss with pre-configured redux-toolkit,axios,rr-dom\ngit checkout react // react-sass\ngit checkout react-css // react-css\ngit checkout react-ts // react css typescript\ngit checkout react-scss-ts // react scss typescript\ngit checkout html // simply html\ngit checkout pug // pug (deprecated, do not updated anymore)\ngit checkout nunjucks // nunjucks (deprecated, do not updated anymore)\n```\n\n## 3. Install packages\n\n```\nnpm install\nyarn install\n```\n\n\n## 4. Start dev\n\nServer start at http://localhost:3000/\n\n```\nnpm run dev\nyarn run dev\n```\n\n## 5. Env files\n\nIf you want to use variables from env files, you can create the following files in the root directory:\n\n```\n// single env file\n.env\n\n// Different files for development and production mode.\n.env.development\n.env.production\n/**\nPlease note if you are using .env.development when developing\nyou should also use .env.production in production\n*/\n```\n\n### SVG usage:\n#### You can use SVG as an asset. For this add ?url to the end of filename:\n```\njs\\ts:\nimport twitter from './twitter.svg?url'\n...\n\u003cimg src={twitter} alt=\"twitter\" /\u003e\n\nor in css:\nbackground-image: url('./twitter.svg')\n```\n#### Or inline (svgr)\n```\njs\\ts:\nimport Twitter from './twitter.svg'\n...\n\u003cTwitter /\u003e\n```\n\n## 6. Build\n\n- Build the app:\n\n```\n$ yarn run build\n```\nOr:\n\n```\n$ npm run build\n```\n\n## 7.Purify-Css\n  - Do not forget to configure [Purify](https://github.com/purifycss/purifycss) config on ./config/helpers/purify.js\n  - Now:\n\n```\n$ yarn run purify\n```\nOr:\n\n```\n$ npm run purify\n```\n\n## 8. Server\n- Run server:\n\n```\n$ yarn run server\n```\nOr:\n\n```\n$ npm run server\n```\n\nThe server will be running on:\n\n```\nlocalhost:3000\n```\n\nYou can modify the server.js in config/server/\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmkupriichuk%2Fwebpack-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmkupriichuk%2Fwebpack-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmkupriichuk%2Fwebpack-template/lists"}