O Base Project Vite é um template completo para iniciar projetos com Vite + React + TypeScript, já configurado com as melhores práticas de lint, formatação, Git hooks e estrutura de pastas para escalar seu projeto com qualidade.
- ✅ Vite + React + TypeScript prontos para uso
- ✅ ESLint + Prettier + EditorConfig configurados
- ✅ Husky + Lint-Staged para validação em pre-commit
- ✅ Estrutura de pastas organizada
- ✅ Opções adicionais via CLI: Tailwind, React Router, Zustand
- ✅ Geração automática de README, .env.example, pull request template e mais
- ⚡ Vite — build ultra-rápido
- ⚛️ React — biblioteca para construção de interfaces
- 🔷 TypeScript — tipagem estática moderna
- 🎨 TailwindCSS — (opcional) CSS utilitário
- 🌐 React Router — (opcional) roteamento
- 🧠 Zustand — (opcional) gerenciamento de estado
📦 my-app/
├── 📂 src/
│ ├── App.tsx
│ ├── main.tsx
│ └── index.css
├── 📂 .husky/
│ └── pre-commit
├── .eslintrc.json
├── .prettierrc
├── .editorconfig
├── .env.example
├── .gitignore
├── README.md
├── vite.config.ts
└── package.json
Instale via CLI personalizada (exemplo com opções):
npx create-base-vite my-app --router --zustand --tailwind
Acesse a pasta e rode:
cd my-app
npm install
npm run dev
-
Lint:
eslint
com Airbnb + TypeScript -
Formatador:
prettier
-
Pre-commit:
husky
+lint-staged
npm run lint # checa problemas
npm run format # aplica Prettier
Sinta-se à vontade para abrir issues, forks e Pull Requests!
git clone https://github.com/carvalhoandre/base-project-vite.git
cd base-project-vite
npm install
Crie sua branch de feature:
git checkout -b feat/nome-da-sua-feature
Faça commit com padrão:
git commit -m "feat: minha contribuição"
E envie:
git push origin feat/nome-da-sua-feature
Feito com 💙 por André Leite Carvalho
Esse projeto foi criado com foco em agilidade, escalabilidade e qualidade de código para desenvolvedores React.