react-vite-clean-cli
v1.0.2
Published
<p align="center"> <img src="https://img.shields.io/badge/vite-%23646CFF.svg?style=for-the-badge&logo=vite&logoColor=white" alt="Vite" /> <img src="https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB" al
Readme
🧱 Base Project Vite + React + TS
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.
🚀 Funcionalidades
- ✅ 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
🧰 Tecnologias Utilizadas
- ⚡ 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
📂 Estrutura Inicial
📦 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⚙️ Como Usar
Instale via CLI personalizada (exemplo com opções):
npx create-base-vite my-app --router --zustand --tailwindAcesse a pasta e rode:
cd my-app
npm install
npm run dev📏 Padrões de Código
- Lint:
eslintcom Airbnb + TypeScript - Formatador:
prettier - Pre-commit:
husky+lint-staged
npm run lint # checa problemas
npm run format # aplica Prettier🤝 Contribuições
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 installCrie sua branch de feature:
git checkout -b feat/nome-da-sua-featureFaça commit com padrão:
git commit -m "feat: minha contribuição"E envie:
git push origin feat/nome-da-sua-featureFeito com 💙 por André Leite Carvalho
Esse projeto foi criado com foco em agilidade, escalabilidade e qualidade de código para desenvolvedores React.
