{"id":31540084,"url":"https://github.com/mrtoxas/parcel-starter-boilerplate","last_synced_at":"2026-05-01T18:33:24.084Z","repository":{"id":223713661,"uuid":"761119506","full_name":"mrtoxas/parcel-starter-boilerplate","owner":"mrtoxas","description":"Template for developing static web projects using Parcel","archived":false,"fork":false,"pushed_at":"2024-02-21T17:13:47.000Z","size":170,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-04T09:53:29.211Z","etag":null,"topics":["eslint","parcel","prettier","scss","typescript"],"latest_commit_sha":null,"homepage":"","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/mrtoxas.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}},"created_at":"2024-02-21T09:23:13.000Z","updated_at":"2024-03-18T10:48:05.000Z","dependencies_parsed_at":"2024-02-21T18:06:33.893Z","dependency_job_id":null,"html_url":"https://github.com/mrtoxas/parcel-starter-boilerplate","commit_stats":null,"previous_names":["mrtoxas/parcel-starter-boilerplate"],"tags_count":0,"template":true,"template_full_name":null,"purl":"pkg:github/mrtoxas/parcel-starter-boilerplate","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrtoxas%2Fparcel-starter-boilerplate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrtoxas%2Fparcel-starter-boilerplate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrtoxas%2Fparcel-starter-boilerplate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrtoxas%2Fparcel-starter-boilerplate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mrtoxas","download_url":"https://codeload.github.com/mrtoxas/parcel-starter-boilerplate/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrtoxas%2Fparcel-starter-boilerplate/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32508901,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-30T13:12:12.517Z","status":"online","status_checked_at":"2026-05-01T02:00:05.856Z","response_time":64,"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":["eslint","parcel","prettier","scss","typescript"],"created_at":"2025-10-04T09:51:40.695Z","updated_at":"2026-05-01T18:33:24.077Z","avatar_url":"https://github.com/mrtoxas.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 📦 Parcel Starter Boilerplate\n\nThe template is a basic framework for developing static web projects using the Parcel builder.\n\n[![Parcel](https://img.shields.io/badge/Parcel-^2.11.0-orange)](https://parceljs.org/)\n[![TypeScript](https://img.shields.io/badge/TypeScript-^5.3.3-blue)](https://www.typescriptlang.org/)\n[![ESLint](https://img.shields.io/badge/ESLint-^8.2.0-brightgreen)](https://eslint.org/)\n[![Prettier](https://img.shields.io/badge/Prettier-^3.2.5-blueviolet)](https://prettier.io/)\n[![PostCSS](https://img.shields.io/badge/PostCSS-^8.4.35-blue)](https://postcss.org/)\n[![PostHTML](https://img.shields.io/badge/PostHTML-^0.16.6-green)](https://posthtml.org/)\n\n## Template features\n\n- [Parcel](https://parceljs.org/): Uses Parcel to build your project quickly and efficiently.\n- ES6 \u0026 [TypeScript](https://www.typescriptlang.org/): The supports ECMAScript 6 (ES6) alongside TypeScript, providing a powerful environment for development with modern JavaScript features and static typing.\n- [SCSS](https://sass-lang.com/): Eenhanced CSS, allowing the use of variables, nesting, mixins, and other features.\n- [ESLint](https://eslint.org/) and [Stylelint](https://stylelint.io/): Code Quality Tools, supports to ensure code quality according best practices.\n- [Prettier](https://prettier.io/): Code Formatting Tool, supports for code formatting, ensuring a consistent style.\n- [PostCSS](https://postcss.org/) and [PostHTML](https://posthtml.org/): The Tools for code conversion using plugins that perform various CSS and HTML processing operations:\n  - [postcss-uncss](https://github.com/uncss/postcss-uncss): Removes unused styles.\n  - [posthtml-attrs-sorter](https://github.com/mrmlnc/posthtml-attrs-sorter): Sorts HTML attributes.\n  - [posthtml-modules](https://github.com/posthtml/posthtml-modules): Imports and processes HTML modules.\n\n## Features of the template structure:\n\n    .\n    ├── src                 # Source files\n    │   ├── scripts         # Script files\n    │   ├── styles          # Style files\n    │   └── templates       # Part of HTML files\n    ├── dist                # Compiled files.\n    ├── assets              # Asset files\n    ├── public              # Public files\n    └── ...\n\n- dist/: This directory is created only after the project is built, and each time a build is performed, the previous directory is permanently replaced.\n- assets/: The build tool adds only those files specified in the code to the build from this directory.\n- public/: When building a project, all contents of the this directory will be automatically copied to the root of the built project.\n\n## Before you get started\n\nBefore you get started, it is recommended to do a little cleanup of the template from the demo data.\n\n#### Here is the list of files you can safely delete:\n\n- src/images/example.png\n- src/scripts/modules/example.ts\n- src/styles/components/example.scss\n- src/templates/example.html\n- assets/favicon.ico\n\n#### Also remove all mention of example data from:\n\n- src/scripts/main.ts\n- src/styles/main.scss\n- src/index.html\n\n## Run Locally\n\n1. Clone the repo from your terminal:\n```\ngit clone https://github.com/mrtoxas/parcel-starter-boilerplate\n```\n2. Go to your project folder:\n```\ncd parcel-starter-boilerplate\n```\n3. Install dependencies:\n```\nyarn install\n```\n4. After installation, run:\n```\nyarn start\n```\n5. It will open your browser: [http://localhost:1234](http://localhost:1234)\n\n## Build\n\nTo build the project, run: \n```\nyarn build\n```\n\nAfter running the build command, the 'dist' directory will be created in the root directory of your project.\n\n## Other scripts\n\nTo run these scripts, use `yarn script_name`:\n\n- `clear`: Deleting temporary files and directories.\n- `fix:all`: Running scripts to fix syntax and style errors in code.\n- `lint:scripts`: Checking the syntax of TypeScript files with ESLint.\n- `lint:scripts:fix`: Fixing syntax errors in TypeScript files with ESLint.\n- `lint:styles`: Checking the syntax of SCSS files with Stylelint.\n- `lint:styles:fix`: Fixing syntax errors in SCSS files.\n- `prettier:scripts`: Checking the formatting of TypeScript files with Prettier.\n- `prettier:scripts:fix`: Fixing TypeScript file formatting with Prettier.\n- `prettier:styles`: Checking the formatting of SCSS files with Prettier.\n- `prettier:styles:fix`: Fixing SCSS file formatting with Prettier.\n\n## Deploy to Hosting \u0026 Fork to a New Repository\n\n[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/mrtoxas/parcel-starter-boilerplate)\n\n[![Deploy to Render](https://render.com/images/deploy-to-render-button.svg)](https://render.com/deploy?repo=https://github.com/mrtoxas/parcel-starter-boilerplate)\n\n[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/mrtoxas/parcel-starter-boilerplate)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmrtoxas%2Fparcel-starter-boilerplate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmrtoxas%2Fparcel-starter-boilerplate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmrtoxas%2Fparcel-starter-boilerplate/lists"}