{"id":14967564,"url":"https://github.com/nmihalyov/pure-start","last_synced_at":"2025-10-25T20:31:32.651Z","repository":{"id":84664053,"uuid":"86976890","full_name":"nmihalyov/pure-start","owner":"nmihalyov","description":"Start your project with 'Pure Start' easily than ever!","archived":false,"fork":false,"pushed_at":"2022-01-31T18:38:47.000Z","size":1709,"stargazers_count":84,"open_issues_count":1,"forks_count":19,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-04-07T10:11:19.048Z","etag":null,"topics":["boilerplate","config","frontend","javascript","pug","sass","scss","task-runner","typescript","webpack"],"latest_commit_sha":null,"homepage":"http://nmihalyov.tk/pure-start","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/nmihalyov.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-04-02T09:42:53.000Z","updated_at":"2025-03-07T10:21:32.000Z","dependencies_parsed_at":"2023-03-13T00:00:05.398Z","dependency_job_id":null,"html_url":"https://github.com/nmihalyov/pure-start","commit_stats":null,"previous_names":[],"tags_count":63,"template":true,"template_full_name":null,"purl":"pkg:github/nmihalyov/pure-start","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nmihalyov%2Fpure-start","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nmihalyov%2Fpure-start/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nmihalyov%2Fpure-start/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nmihalyov%2Fpure-start/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nmihalyov","download_url":"https://codeload.github.com/nmihalyov/pure-start/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nmihalyov%2Fpure-start/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":281015503,"owners_count":26430097,"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-10-25T02:00:06.499Z","response_time":81,"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","config","frontend","javascript","pug","sass","scss","task-runner","typescript","webpack"],"created_at":"2024-09-24T13:38:16.675Z","updated_at":"2025-10-25T20:31:32.279Z","avatar_url":"https://github.com/nmihalyov.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Pure Start\n\n[Demo](https://nmihalyov.tk/pure-start)\n\n**Pure Start** is a boilerplate that allows you to start working on a new project fast and easy. It provides you with a clean and flexible environment to create static applications and can be extended to create something more complex.\n\n## Features\n+ Starting local server\n+ SASS/SCSS preprocessors\n+ Pug templating\n+ JS transpilation\n+ TypesScript support\n+ File minification\n+ Some predefined UI components\n+ and more...\n\n## Installation\n+ Manually download and unpack repository archive\n+ Using Git `git clone https://github.com/nmihalyov/pure-start.git`\n\n## Commands\nRun this commands using `npm run ${command}` or `yarn ${command}`\n+ `start` – starts local dev server on development mode\n+ `build` – creates production build\n+ `stats` – generates JSON file for analyzing bundle\n+ `analyze` – opens analyze report (run `stats` before)\n+ `comp` – creates new component (see below for details)\n+ `prettier:check` – checks for prettier compliance\n+ `prettier:fix` – fixes prettier issues\n+ `eslint:check` – checks for eslint compliance\n+ `eslint:fix` – fixes eslint issues\n\n## Creating a component\nYou can create component manually or by CLI. The comman below will create catalog and **pug**, **scss** files named by `\u003ccomponent_name\u003e` in components catalog with simple layout:\n\n`npm run comp \u003ccomponent_name\u003e`\n\n#### Modificators\n\n`--ui` – creates component in **_ui** subfolder\n\n`--js` – additionaly creates **js** file\n\n`--ts` – additionaly creates **ts** file\n\n`--section` – generates section layout for **pug** file\n\n## Structure\nBoilerplate's structure is pretty simple!\n\nAt the root there a some config files and script for creating components via CLI.\n\n`dist` folder contains production build for your project that can be deployed. Do not changing anything here by your hands.\n\n`src` is a working directory which contains your project source code. Below folders are located here.\n\n`assets` is used for static content like images and fonts.\n\n`components` contains your... components! They can be UI (like button, checkbox, etc.) or just simple components, as you like. Components usually has 3 realizations: markup – pug, styles – scss, scripts – javascript (this one may be missing).\n\n`pug` consists of `layouts` (which are shells for different page, e.g. one for online shop interface and other for admin section), `pages` (for pages markup) and `utils` (any utilities you can use for pages or layouts).\n\n`scss` for JavaScript and TypesScript files (you can write both, but it's highly recommended to use TS).\n\n`scss` for global styles (don't write component specific styles here).\n\n`index.js` is entry point for youe JS/TS files.\n\n## Importing images\n### Pug\nTo import image in pug files use **require**. E.g.:\n\n`img(src=require(\"@/assets/images/static/logo.png\"), alt=\"Logo\")`\n\n### Scss\nTo use images in scss you can simply do it as you did before. E.g.:\n\n`background-image: url('@/assets/images/icons/github-white.svg')`\n\n## Feedback\n\nE-mail: [nikita.mihalyov@gmail.com](mailto:nikita.mihalyov@gmail.com)\n\nLinkedIn: [nmihalyov](https://linkedin.com/in/nmihalyov)\n\nTelegram: [@nmihalyov](https://t.me/nmihalyov)\n\nWebsite: [nmihalyov.tk](https://nmihalyov.tk)\n\n[Write issue](https://github.com/nmihalyov/pure-start/issues/new)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnmihalyov%2Fpure-start","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnmihalyov%2Fpure-start","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnmihalyov%2Fpure-start/lists"}