{"id":20788863,"url":"https://github.com/erkobridee/vite-react-ts","last_synced_at":"2026-04-14T05:31:22.927Z","repository":{"id":147637972,"uuid":"592744376","full_name":"erkobridee/vite-react-ts","owner":"erkobridee","description":"first contact using the Vite.js, TS, React, PostCSS and TailwindCSS","archived":false,"fork":false,"pushed_at":"2025-03-11T19:13:05.000Z","size":2170,"stargazers_count":1,"open_issues_count":8,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-11T20:24:31.970Z","etag":null,"topics":["postcss","react","tailwindcss","template","typescript","vitejs"],"latest_commit_sha":null,"homepage":"https://erkobridee.github.io/vite-react-ts/","language":"TypeScript","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/erkobridee.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":"2023-01-24T12:49:43.000Z","updated_at":"2025-03-07T13:35:14.000Z","dependencies_parsed_at":"2023-10-03T00:36:05.804Z","dependency_job_id":"5827145e-6b79-44f8-b1d6-fa939d8c0729","html_url":"https://github.com/erkobridee/vite-react-ts","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/erkobridee%2Fvite-react-ts","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/erkobridee%2Fvite-react-ts/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/erkobridee%2Fvite-react-ts/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/erkobridee%2Fvite-react-ts/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/erkobridee","download_url":"https://codeload.github.com/erkobridee/vite-react-ts/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243132193,"owners_count":20241359,"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":["postcss","react","tailwindcss","template","typescript","vitejs"],"created_at":"2024-11-17T15:17:36.790Z","updated_at":"2026-04-14T05:31:22.921Z","avatar_url":"https://github.com/erkobridee.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# vite-react-ts [![Ask DeepWiki](https://deepwiki.com/badge.svg)](https://deepwiki.com/erkobridee/vite-react-ts)\n\n- [Vite.js](https://vitejs.dev/)\n\n- [TypeScript](https://www.typescriptlang.org/)\n\n- [React](https://react.dev/)\n  - [Using TypeScript](https://react.dev/learn/typescript)\n\n- [TailwindCSS](https://tailwindcss.com/)\n\n## Commands\n\n### Creation\n\n```\nnpm create vite@latest vite-react-ts -- --template react-ts\n```\n\n### Development\n\n```\nnpm start\n\nor\n\nnpm run dev\n```\n\n### Production Build\n\n```\nnpm run build\n```\n\n#### Preview\n\n```\nnpm run preview\n```\n\n### Create a new project using this as a template\n\n```\nnpx degit erkobridee/vite-react-ts ${project_name}\n```\n\n- [Vite.js \u003e Guide \u003e Getting Started \u003e Community Templates](https://vitejs.dev/guide/#community-templates)\n\n## Useful References\n\n- [[GitHub] staylor / react-helmet-async](https://github.com/staylor/react-helmet-async)\n\n- [[GitHub] vitejs / vite](https://github.com/vitejs/vite)\n  - [[GitHub] vitejs / vite - package: create-vite](https://github.com/vitejs/vite/tree/main/packages/create-vite)\n\n- [Vite.js Guide](https://vitejs.dev/guide/)\n  - [Features](https://vitejs.dev/guide/features.html)\n\n- [[YouTube] Vite in 100 Seconds | Fireship](https://www.youtube.com/watch?v=KCrXgy8qtjM) (2022/02/23)\n\n- [[YouTube] Vite is The New Webpack and Create-React-App killer! | CoderOne](https://www.youtube.com/watch?v=9OmnmouE6tw) (2022/04/11)\n\n- [[YouTube] Vite 2.0 Crash Course | Super Fast Build Tool for JavaScript, React, Vue, Svelte, \u0026 Lit (2021) | codeSTACKr](https://www.youtube.com/watch?v=LQQ3CR2JTX8) (2021/04/24)\n\n- [Vite code splitting that just works | Sambit Sahoo](https://sambitsahoo.com/blog/vite-code-splitting-that-works.html) (2021/05/23) - Vite is an amazing tool that makes the DX while building apps a lot better. While vite brings pre-configured and optimized build setup with rollup, code-splitting isn't setup effectively. In this article we are going to discuss how to code-split vite powered apps effectively.\n\n### Vite + TS + React + TailwindCSS\n\n- [Setting up a dev environment with React, Vite, and Tailwind | LogRocket Blog](https://blog.logrocket.com/setting-up-dev-environment-react-vite-tailwind/) (2022/06/02) - In this article, we’ll learn about Vite, its advantages, and how to set up a React and Tailwind CSS application using it.\n\n#### Vite Templates\n\n- [reactjs-vite-tailwindcss-boilerplate](https://github.com/joaopaulomoraes/reactjs-vite-tailwindcss-boilerplate) - React 18, TypeScript, Jest, Testing Library, TailwindCSS 3, Eslint and Prettier.\n\n- [react-ts-vite-template](https://github.com/fabien-ml/react-ts-vite-template) - React, TypeScript, Jest, Testing Library, Cypress, ESLint, Prettier, Husky.\n\n- [vite-reactts-tailwind-rtk-eslint](https://github.com/IsaiaPhiliph/vite-reactts-tailwind-rtk-eslint) - React, TypeScript, Tailwind CSS, Redux Toolkit, eslint.\n\n- [vite-react-tailwind-template](https://github.com/Innei/vite-react-tailwind-template) - React 17, TypeScript, Jest, ESLint, Prettier, Husky, Tailwind CSS, PostCSS, pnpm.\n\n- [vite-react-ts-starter](https://github.com/uchihamalolan/vite-react-ts) - React, TypeScript, Jest, ESLint, Prettier, TailwindCSS, Husky, Conventional Commits.\n\n- [vite-react-ts-ghactions-template](https://github.com/pchmn/vite-react-ts-ghactions-template) - React, TypeScript, Vitest + React Testing Library, GitHub Actions + GitHub Pages, ESLint, Prettier, Husky, Commitlint.\n\n- [vite-react-ts-tailwind-v3](https://github.com/huibizhang/template-vite-react-ts-tailwind-v3) - Starter template for React + Typescript + TailwindCSS and prettier-plugin-tailwindcss build-in.\n\n- [vite-react-ts-extended](https://github.com/laststance/vite-react-ts-extended) - React, TypeScript, TailwindCSS, MSW, Axios, Jest, React Testing Library, ESLint, Prettier, GitHub Actions.\n\n- [VRTTV](https://github.com/Drumpy/vrttv-boilerplate) - React + TypeScript + TailwindCSS + ESLint + Prettier + Husky + Conventional Commits + Gitmoji + GitHub Actions + Vercel Deploy.\n\n- [vite-reactts18-eslint-tailwindcss](https://github.com/dserranoc/vite-reactts18-eslint-tailwindcss) - React 18 + TypeScript + ESLint + TailwindCSS.\n\n### GitHub Actions\n\n- [[GitHub] peaceiris / actions-gh-pages](https://github.com/peaceiris/actions-gh-pages) - GitHub Actions for GitHub Pages 🚀 Deploy static files and publish your site easily. Static-Site-Generators-friendly.\n  - Before the first execution on a github repository, go on the Settings \u003e Code and automation \u003e Actions \u003e General \u003e Workflow permissions, and make sure to have the Read and write permissions selected\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ferkobridee%2Fvite-react-ts","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ferkobridee%2Fvite-react-ts","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ferkobridee%2Fvite-react-ts/lists"}