{"id":15675091,"url":"https://github.com/riipandi/vite-react-template","last_synced_at":"2025-05-06T22:10:32.363Z","repository":{"id":64178143,"uuid":"573914740","full_name":"riipandi/vite-react-template","owner":"riipandi","description":"Starter template React with Vite, React, Tailwind CSS, React Router, React Hook Form, Vitest, and Testing Library.","archived":false,"fork":false,"pushed_at":"2024-10-19T21:20:09.000Z","size":550,"stargazers_count":21,"open_issues_count":0,"forks_count":7,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-11-02T06:43:50.588Z","etag":null,"topics":["react","react-aria","react-router","react-router-dom","starter-template","tailwindcss","testing-library","vite","vitest"],"latest_commit_sha":null,"homepage":"https://reactivite.netlify.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/riipandi.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE-APACHE","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":"2022-12-03T20:43:57.000Z","updated_at":"2024-10-22T13:34:30.000Z","dependencies_parsed_at":"2024-02-02T23:25:34.311Z","dependency_job_id":"3048635f-0533-4100-9de2-91e119ab8687","html_url":"https://github.com/riipandi/vite-react-template","commit_stats":null,"previous_names":[],"tags_count":1,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/riipandi%2Fvite-react-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/riipandi%2Fvite-react-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/riipandi%2Fvite-react-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/riipandi%2Fvite-react-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/riipandi","download_url":"https://codeload.github.com/riipandi/vite-react-template/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":223795782,"owners_count":17204147,"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":["react","react-aria","react-router","react-router-dom","starter-template","tailwindcss","testing-library","vite","vitest"],"created_at":"2024-10-03T15:56:16.060Z","updated_at":"2024-11-09T07:09:26.185Z","avatar_url":"https://github.com/riipandi.png","language":"TypeScript","readme":"\u003cp align=\"center\"\u003e\u003cimg src=\"./src/assets/images/vite.svg\" width=\"500\" height=\"120\" alt=\"Project Logo\"\u003e\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n    \u003ca href=\"https://github.com/riipandi/vite-react-template/pulse\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/Contributions-welcome-blue.svg?style=flat-square\" alt=\"Contribution welcome\"\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://github.com/riipandi/vite-react-template\"\u003e\n        \u003cimg src=\"https://img.shields.io/github/languages/top/riipandi/vite-react-template?style=flat-square\" alt=\"Top language\"\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://aris.mit-license.org\"\u003e\n        \u003cimg src=\"https://img.shields.io/github/license/riipandi/vite-react-template?style=flat-square\" alt=\"License\"\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://app.netlify.com/sites/reactivite/deploys\"\u003e\n        \u003cimg src=\"https://api.netlify.com/api/v1/badges/47668315-f674-4560-8f83-52852dae2593/deploy-status\" alt=\"Netlify Status\"\u003e\n    \u003c/a\u003e\n\u003c/p\u003e\n\n## Introduction\n\nA starter project for [React](https://reactjs.org/) with [Vite](https://vitejs.dev/), [Tailwind CSS](https://tailwindcss.com),\nand [Typescript](https://www.typescriptlang.org/). This starter kit is already pre-configured\nwith [absolute import](https://jsdev.org/env/nodejs/absolute-path-imports/), [React Router](https://reactrouter.com/),\nand [other goodies](./package.json). This starter also provides basic authentication implementation, you can use\nany authentication provider or your own.\n\n## The Complete Stack\n\n- [x] [Vite](https://vitejs.dev/) - Next Generation Frontend Tooling.\n- [x] [React](https://reactjs.org/) - A JavaScript library for building user interfaces.\n- [x] [Tailwind CSS](https://tailwindcss.com/) - A utility-first CSS framework for rapidly building custom designs.\n- [x] [Lucide Icons](https://lucide.dev/) - Beautiful \u0026 consistent icons made by the community.\n- [x] [Typescript](https://www.typescriptlang.org/) - Strongly typed programming language.\n- [x] [React Router DOM](https://reactrouter.com/) - Declarative routing for React.\n- [x] [React Hook Form](https://react-hook-form.com/) - Performant, flexible and extensible forms with easy-to-use validation.\n- [x] [React Testing Library](https://testing-library.com/) - Light-weight solution for testing React components.\n- [x] [Vitest](https://vitest.dev/) - Blazing Fast Unit Test Framework.\n- [x] [Biome](https://biomejs.dev/) - Format, lint, and more in a fraction of a second.\n- [x] [Storybook](https://storybook.js.org/) - UI component explorer for frontend developers.\n\n## Quick Start\n\n### Installation\n\n```bash\nnpx tiged riipandi/vite-react-template myapp-name\n```\n\n\u003e Don't forget to change `myapp-name` with your real application name.\n\n### Up and Running\n\n| NPM               | Yarn           | PNPM           | Description              |\n| ----------------- | -------------- | -------------- | ------------------------ |\n| `npm install`     | `yarn`         | `pnpm install` | install the dependencies |\n| `npm run dev`     | `yarn dev`     | `pnpm dev`     | serve with hot reload    |\n| `npm run build`   | `yarn build`   | `pnpm build`   | build for production     |\n| `npm run preview` | `yarn preview` | `pnpm preview` | launch generated build   |\n\nApplication will run at `http://localhost:3000`\n\nFor detailed explanation on how things work, check out [Vite documentation](https://vitejs.dev/guide).\n\n## Deploy your own\n\nYou'll want to fork this repository and deploy your own Next.js website. Once you have an\nimage generator that sparks joy, you can setup [automatic GitHub](https://vercel.com/github)\ndeployments so that pushing to master will deploy to production! 🚀\n\n[![Deploy to Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/riipandi/vite-react-template\u0026project-name=vite-react-template\u0026repo-name=my-vite-react-app\u0026env=VITE_PUBLIC_SITE_URL)\n[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/riipandi/vite-react-template)\n\n#### Cloudflare Deployment\n\nYou need to add `NODE_VERSION` with value `18.17.1` or `20.9.0` on the environment variables setting.\nVisit [Cloudflare pages docs](https://developers.cloudflare.com/pages/platform/build-configuration/)\nfor more information.\n\nFor the preview branch:\n\n```env\nVITE_PUBLIC_SITE_URL=${CF_PAGES_URL}\n```\n\n## Development\n\nThis project uses TypeScript for type checking, [Biome][biome] for code formatting\nand linting which is configured in [`biome.json`](./biome.json). It's recommended\nto get TypeScript set up for your editor and install an editor plugin (like the\n[VSCode Biome plugin][vscode-biome]) to get auto-formatting on saving and get a\nreally great in-editor experience with type checking and auto-complete.\n\n## Thanks to...\n\nIn general, I'd like to thank every single one who open-sources their\nsource code for their effort to contribute something to the open-source\ncommunity. Your work means the world! 🌍 ❤️\n\n## License\n\nLicensed under either of [Apache License 2.0][license-apache] or [MIT license][license-mit] at your option.\n\n\u003e Unless you explicitly state otherwise, any contribution intentionally submitted for inclusion in this project by you,\n\u003e as defined in the Apache-2.0 license, shall be dual licensed as above, without any additional terms or conditions.\n\nCopyrights in this project are retained by their contributors.\n\nSee the [LICENSE-APACHE](./LICENSE-APACHE) and [LICENSE-MIT](./LICENSE-MIT) files for more information.\n\n---\n\n\u003csub\u003e🤫 Psst! If you like my work you can support me via [GitHub sponsors](https://github.com/sponsors/riipandi).\u003c/sub\u003e\n\n\u003c!-- link reference definition --\u003e\n[biome]: https://biomejs.dev\n[license-mit]: https://choosealicense.com/licenses/mit/\n[license-apache]: https://choosealicense.com/licenses/apache-2.0/\n","funding_links":["https://github.com/sponsors/riipandi"],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Friipandi%2Fvite-react-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Friipandi%2Fvite-react-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Friipandi%2Fvite-react-template/lists"}