{"id":21063267,"url":"https://github.com/ignacionmiranda/vite-component-library-template","last_synced_at":"2025-04-06T16:10:43.274Z","repository":{"id":65406678,"uuid":"591670364","full_name":"IgnacioNMiranda/vite-component-library-template","owner":"IgnacioNMiranda","description":"⚛️ Vite + React Starter Component Library Template","archived":false,"fork":false,"pushed_at":"2023-09-10T16:56:52.000Z","size":574,"stargazers_count":209,"open_issues_count":1,"forks_count":27,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-03-29T15:05:21.106Z","etag":null,"topics":["eslint","github-actions","husky","husky-hooks","prettier","react","release-please","storybook","tailwindcss","typescript","vite","vitest"],"latest_commit_sha":null,"homepage":"https://vite-component-library-template.vercel.app","language":"TypeScript","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/IgnacioNMiranda.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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":"2023-01-21T13:41:28.000Z","updated_at":"2025-03-23T00:37:16.000Z","dependencies_parsed_at":"2024-11-15T21:53:15.234Z","dependency_job_id":"45b52841-258e-45d8-bc7a-03d1a0f48087","html_url":"https://github.com/IgnacioNMiranda/vite-component-library-template","commit_stats":{"total_commits":71,"total_committers":4,"mean_commits":17.75,"dds":"0.47887323943661975","last_synced_commit":"b71fbabf31f4f2d5268d75cf113ab3f93bfedc65"},"previous_names":[],"tags_count":22,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IgnacioNMiranda%2Fvite-component-library-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IgnacioNMiranda%2Fvite-component-library-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IgnacioNMiranda%2Fvite-component-library-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IgnacioNMiranda%2Fvite-component-library-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/IgnacioNMiranda","download_url":"https://codeload.github.com/IgnacioNMiranda/vite-component-library-template/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247509221,"owners_count":20950232,"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":["eslint","github-actions","husky","husky-hooks","prettier","react","release-please","storybook","tailwindcss","typescript","vite","vitest"],"created_at":"2024-11-19T17:44:28.522Z","updated_at":"2025-04-06T16:10:43.215Z","avatar_url":"https://github.com/IgnacioNMiranda.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ⚛️⚡ Vite + React + Typescript Component Library Template\n\n## Features\n\n- ⚛️ [React 18](https://reactjs.org/)\n- 📚 [Storybook 7](https://storybook.js.org/) - Components preview\n- 🖌️ [Tailwind CSS 3](https://tailwindcss.com/)\n- ⏩ [Vite](https://vitejs.dev/) - Run and build the project blazingly fast!\n- ⚡ [Vitest](https://vitest.dev/) - Components Unit Testing\n- 📐 [ESLint](https://eslint.org/) \u0026 [Prettier](https://prettier.io/) - Formatting and Linting\n- 🌟 [Typescript](https://www.typescriptlang.org/)\n- 🐶 [Husky](https://typicode.github.io/husky) \u0026 [Lint Staged](https://www.npmjs.com/package/lint-staged) - Pre-commit Hooks\n- ⏰ [Release Please](https://github.com/googleapis/release-please) — Generate the changelog with the release-please workflow\n- 👷 [Github Actions](https://github.com/features/actions) — Releasing versions to NPM\n- Initial components setup using [Atomic Design](https://bradfrost.com/blog/post/atomic-web-design/)\n\n## Getting Started\n\n1. Create a new repository using this one as template\n2. Clone your repo\n3. Install dependencies with `pnpm i` (first run `corepack enable` to enable pnpm)\n4. Run `pnpm prepare` command to setup [Husky](https://typicode.github.io/husky) pre-commit hooks.\n\n## Main Scripts\n\nAlways prepending pnpm:\n\n- `dev`: Bootstrap the Storybook preview with Hot Reload.\n- `build`: Builds the static storybook project.\n- `build:lib`: Builds the component library into the **dist** folder.\n- `lint:fix`: Applies linting based on the rules defined in **.eslintrc.js**.\n- `format:prettier`: Formats files using the prettier rules defined in **.prettierrc**.\n- `test`: Runs testing using watch mode.\n- `test:cov`: Runs testing displaying a coverage report.\n\n## Blog Post\n\nI created a post explaning how to set up this library and publish it to a package registry! You can read it [here](https://igna.hashnode.dev/vite-react-typescript-component-library-template-setup-explanation).\n\n## Author\n\n[Ignacio Miranda Figueroa](https://www.linkedin.com/in/ignacio-miranda-figueroa/)\n\n## License\n\n[MIT](LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fignacionmiranda%2Fvite-component-library-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fignacionmiranda%2Fvite-component-library-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fignacionmiranda%2Fvite-component-library-template/lists"}