{"id":21179463,"url":"https://github.com/microdotmatrix/thepack","last_synced_at":"2026-03-19T19:11:38.568Z","repository":{"id":129674407,"uuid":"490698955","full_name":"microdotmatrix/thepack","owner":"microdotmatrix","description":"Starter kit for dev project using Webpack, Sass, and Tailwind with a few extras.","archived":false,"fork":false,"pushed_at":"2022-05-24T16:09:53.000Z","size":1149,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-21T12:07:30.890Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","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/microdotmatrix.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":"2022-05-10T13:02:13.000Z","updated_at":"2022-05-17T17:50:22.000Z","dependencies_parsed_at":"2023-04-13T21:26:18.463Z","dependency_job_id":null,"html_url":"https://github.com/microdotmatrix/thepack","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/microdotmatrix%2Fthepack","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/microdotmatrix%2Fthepack/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/microdotmatrix%2Fthepack/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/microdotmatrix%2Fthepack/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/microdotmatrix","download_url":"https://codeload.github.com/microdotmatrix/thepack/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243630243,"owners_count":20322238,"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":[],"created_at":"2024-11-20T17:31:03.847Z","updated_at":"2025-12-29T17:37:37.035Z","avatar_url":"https://github.com/microdotmatrix.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"This is my boilerplate\n======\n###### *There are many like it but this one is mine...*\n\n![Screenshot](https://github.com/microdotmatrix/thepack/blob/master/src/img/webpack-kit-screenshot.png \"Screenshot of index page\")\n\nMade this repo to hold a basic skeleton package I've pieced together of the tools I would start pretty much any web development project with. It is simple, relatively unopinionated, and easy to configure. Quick synopsis:\n\n### NPM DevDependencies:\n- Webpack\n- Babel\n- Sass\n- PostCSS\n\nUpdate: So I dropped Laravel's Mix compiler for Webpack and finally committed to using standard Webpack for this. Mix is great, and I honestly prefer it to bootstrap a project quickly because it uses a much cleaner and more\nintuitive syntax... but I'm trying to be mindful of standardization and best-practice, so I went this route instead. I've configured it to compile my JS modules with Babel, minification through the Terser plugin. For my\nstylesheets I've got Sass and PostCSS running together; I'm a faithful devotee to Sass for writing my CSS, but have recently become a fan of Tailwind, so PostCSS is necessary. I don't personally prefer utility-based styling syntax - unless\nworking with others on something - but using Tailwind's @apply function to shorthand redundant CSS and better standardize spacing/sizing is a huge efficiency boost. The utility class syntax is handy for sandboxing, and\nmakes it easy to scale up for team based projects. PostCSS's scalable plugin based architecture is very useful as well. I have Webpack's Mini CSS Extract plugin compiling my stylesheets into normal CSS files rather than importing to JS,\njust because this is a pretty standard boilerplate, but if reconfigured with a JS framework like React or Vue, that's an easy switch.\n\nExpanding on this foundation, I have a couple of templating and aesthetic development packages for my front end toolkit that I typically find useful in just about any project...\n* jQuery\n* GSAP\n* Gerillass\n* Accoutrement\n* Tailwind v.3\n* Open Props\n* Bootstrap Icons\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmicrodotmatrix%2Fthepack","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmicrodotmatrix%2Fthepack","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmicrodotmatrix%2Fthepack/lists"}