{"id":13417055,"url":"https://github.com/laststance/create-react-app-vite","last_synced_at":"2025-04-04T18:06:35.122Z","repository":{"id":37003843,"uuid":"423658368","full_name":"laststance/create-react-app-vite","owner":"laststance","description":"Create React App Vite ⚛️","archived":false,"fork":false,"pushed_at":"2025-03-27T13:01:18.000Z","size":6860,"stargazers_count":142,"open_issues_count":2,"forks_count":32,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-28T09:59:55.199Z","etag":null,"topics":["create-react-app","msw","react","react-testing-library","tailwindcss","typescirpt","vite"],"latest_commit_sha":null,"homepage":"https://create-react-app-vite.vercel.app","language":"JavaScript","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/laststance.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","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},"funding":{"github":"ryota-murakami"}},"created_at":"2021-11-02T00:32:15.000Z","updated_at":"2025-03-27T13:01:22.000Z","dependencies_parsed_at":"2023-10-12T23:35:46.458Z","dependency_job_id":"63f7f4ed-680f-4ebf-9f72-359ea8faefa3","html_url":"https://github.com/laststance/create-react-app-vite","commit_stats":{"total_commits":1394,"total_committers":8,"mean_commits":174.25,"dds":0.5545193687230989,"last_synced_commit":"a2219672e549696c9ec07390cb0d7a1d6561382c"},"previous_names":["laststance/vite-react-ts-extended"],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/laststance%2Fcreate-react-app-vite","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/laststance%2Fcreate-react-app-vite/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/laststance%2Fcreate-react-app-vite/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/laststance%2Fcreate-react-app-vite/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/laststance","download_url":"https://codeload.github.com/laststance/create-react-app-vite/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247226213,"owners_count":20904465,"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":["create-react-app","msw","react","react-testing-library","tailwindcss","typescirpt","vite"],"created_at":"2024-07-30T22:00:31.946Z","updated_at":"2025-04-04T18:06:35.107Z","avatar_url":"https://github.com/laststance.png","language":"JavaScript","funding_links":["https://github.com/sponsors/ryota-murakami"],"categories":["Get Started","JavaScript"],"sub_categories":["Templates"],"readme":"# Create React App Vite [![Typecheck](https://github.com/laststance/create-react-app-vite/actions/workflows/typecheck.yml/badge.svg)](https://github.com/laststance/vite-react-ts-alter/actions/workflows/typecheck.yml) [![Test](https://github.com/laststance/create-react-app-vite/actions/workflows/test.yml/badge.svg)](https://github.com/laststance/create-react-app-vite/actions/workflows/test.yml) [![Build](https://github.com/laststance/create-react-app-vite/actions/workflows/build.yml/badge.svg)](https://github.com/laststance/create-react-app-vite/actions/workflows/build.yml) [![Lint](https://github.com/laststance/create-react-app-vite/actions/workflows/lint.yml/badge.svg)](https://github.com/laststance/create-react-app-vite/actions/workflows/lint.yml)\n\n\u003e Simple CRA style Vite teimpate.  \n\u003e Create plain and lightweight React+TS programming environment.  \n\u003e And a easy migration base for create-react-app to Vite.\n\n## [Try this Online!](https://codesandbox.io/p/github/laststance/create-react-app-vite/main?file=%2FREADME.md\u0026workspace=%257B%2522activeFileId%2522%253A%2522clfgsr6q10016g2hjg3xq06lt%2522%252C%2522openFiles%2522%253A%255B%2522%252FREADME.md%2522%255D%252C%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522gitSidebarPanel%2522%253A%2522COMMIT%2522%252C%2522spaces%2522%253A%257B%2522clfgsra1u000x3b6mbdjl3ahb%2522%253A%257B%2522key%2522%253A%2522clfgsra1u000x3b6mbdjl3ahb%2522%252C%2522name%2522%253A%2522Default%2522%252C%2522devtools%2522%253A%255B%257B%2522key%2522%253A%2522clfgsra1u000y3b6meoz3zcev%2522%252C%2522type%2522%253A%2522PROJECT_SETUP%2522%252C%2522isMinimized%2522%253Afalse%257D%252C%257B%2522type%2522%253A%2522PREVIEW%2522%252C%2522taskId%2522%253A%2522dev%2522%252C%2522port%2522%253A5173%252C%2522key%2522%253A%2522clfgss4o700dz3b6mz869sru3%2522%252C%2522isMinimized%2522%253Afalse%257D%252C%257B%2522type%2522%253A%2522TASK_LOG%2522%252C%2522taskId%2522%253A%2522dev%2522%252C%2522key%2522%253A%2522clfgss3ug00ba3b6mpaataz0k%2522%252C%2522isMinimized%2522%253Afalse%257D%255D%257D%257D%252C%2522currentSpace%2522%253A%2522clfgsra1u000x3b6mbdjl3ahb%2522%252C%2522spacesOrder%2522%253A%255B%2522clfgsra1u000x3b6mbdjl3ahb%2522%255D%252C%2522hideCodeEditor%2522%253Afalse%257D)\n\nThis is a Vite template top of the official [Vite](https://vitejs.dev/) [react-ts](https://stackblitz.com/edit/vitejs-vite-is3dmk?file=index.html\u0026terminal=dev) template(`npm init vite@latest myapp -- --template react-ts`) and some extended setup.  \nI'd like to keep CRA like experience as much as possible, So improving/adding feature Rull Request is really welcome!\n\n- Support CRA's [Custom Environment Variables](https://create-react-app.dev/docs/adding-custom-environment-variables/) like `REACT_APP_`.\n- [eslint-config-ts-prefixer](https://github.com/laststance/eslint-config-ts-prefixer). Specialized fixable(`--fix` option) rule sets. Zero extend any recommended for confortable DX.\n- [Vitest](https://vitest.dev/), [React Testing Library](https://testing-library.com/docs/react-testing-library/intro/), [MSW](https://mswjs.io/)\n- [tailwindcss](https://tailwindcss.com/)\n- [Github Actions](https://github.com/features/actions)\n\nAll npm package are keeping least release version powered by [Dependabot](https://github.com/dependabot).\n\n# Installation\n\n```\nnpx degit laststance/create-react-app-vite myapp\n```\n\n### pnpm\n\n```sh\ncd myapp\npnpm install\npnpm validate\npnpm start\n```\n\nIf you don't need TailwindCSS, run `pnpm remove:tailwind` after npm installed.\n\n### Commands\n\n```sh\npnpm dev             # start development server\npnpm start           # start development server\npnpm validate        # run test,lint,build,typecheck concurrently\npnpm test            # run jest\npnpm lint            # run eslint\npnpm lint:fix        # run eslint with --fix option\npnpm typecheck       # run TypeScript compiler check\npnpm build           # build production bundle to 'dist' directly\npnpm prettier        # run prettier for json|yml|css|md|mdx files\npnpm clean           # remove 'node_modules' 'yarn.lock' 'dist' completely\npnpm serve           # launch server for production bundle in local\npnpm remove:tailwind # remove TailwindCSS\n```\n\n# CRA to Vite migration guides\n\n- [Migrate to Vite from Create React App (CRA)](https://www.robinwieruch.de/vite-create-react-app/)\n- [Migrating from Create React App (CRA) to Vite](https://cathalmacdonnacha.com/migrating-from-create-react-app-cra-to-vite)\n- [Migrating a Create React App (CRA) application to Vite](https://www.darraghoriordan.com/2021/05/16/migrating-from-create-react-app-to-vite)\n\n# Background\n\nSimply put, CRA development has stopped as of 2023.\nThis has sparked a discussion about replacing CRA with Vite for official documentation recommendations.\n[Replace Create React App recommendation with Vite](https://github.com/reactjs/react.dev/pull/5487)\nDan Abramov offered some plans for the future of the CRA in his comments, but no direct answers were given.\nhttps://github.com/reactjs/react.dev/pull/5487#issuecomment-1409720741\n\nThe React community is still buzzing around Server Component after May 2023, but there is still a high demand for the React SinglePageAplication starter that the CRA has served in the past, and I was one of the people who needed it, I was one of the people who needed it, so I decided to create a template in Vite that could be used as much as possible like CRA.\n\n# License\n\nMIT\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --\u003e\n\u003c!-- prettier-ignore-start --\u003e\n\u003c!-- markdownlint-disable --\u003e\n\u003ctable\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"http://ryota-murakami.github.io/\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/5501268?s=400\u0026u=7bf6b1580b95930980af2588ef0057f3e9ec1ff8\u0026v=4?s=100\" width=\"100px;\" alt=\"ryota-murakami\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eryota-murakami\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/laststance/create-react-app-vite/commits?author=ryota-murakami\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"https://github.com/laststance/create-react-app-vite/commits?author=ryota-murakami\" title=\"Documentation\"\u003e📖\u003c/a\u003e \u003ca href=\"https://github.com/laststance/create-react-app-vite/commits?author=ryota-murakami\" title=\"Tests\"\u003e⚠️\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://hung.dev\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/8603085?v=4?s=100\" width=\"100px;\" alt=\"Hung Viet Nguyen\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eHung Viet Nguyen\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/laststance/create-react-app-vite/commits?author=nvh95\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/shayc\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/6969966?v=4?s=100\" width=\"100px;\" alt=\"Shay Cojocaru\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eShay Cojocaru\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/laststance/create-react-app-vite/commits?author=shayc\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/NateAGeek\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/1813055?v=4?s=100\" width=\"100px;\" alt=\"NateAGeek\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eNateAGeek\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/laststance/create-react-app-vite/issues?q=author%3ANateAGeek\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n\u003c!-- markdownlint-restore --\u003e\n\u003c!-- prettier-ignore-end --\u003e\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:END --\u003e\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flaststance%2Fcreate-react-app-vite","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flaststance%2Fcreate-react-app-vite","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flaststance%2Fcreate-react-app-vite/lists"}