Este es un pequeño CLI interactivo que te ayuda a crear una estructura moderna para un proyecto con React Router v7, TailwindCSS, Vite y TypeScript. Ideal para comenzar de forma rápida con un entorno bien organizado y listo para escalar.
Cuando ejecutas este CLI, te permite:
- Elegir el nombre del proyecto.
- Seleccionar la ruta de destino donde se guardará.
- Decidir si deseas inicializar un repositorio Git.
- Generar una estructura de archivos lista para usar con React Router v7.
- Instalar automáticamente todas las dependencias necesarias.
mi-proyecto/
├── app/
│ ├── routes/
│ │ └── home.tsx # Página principal con animaciones en canvas y estilo moderno
│ ├── app.css # Importación de TailwindCSS
│ ├── root.tsx # Estructura del layout + ErrorBoundary
│ └── routes.ts # Definición de rutas
├── public/ # Carpeta pública
├── tsconfig.json # Configuración de TypeScript
├── vite.config.js # Configuración de Vite con plugins necesarios
├── react-router.config.ts # Configuración base de React Router
├── package.json # Scripts y dependenciasSi solo quieres obtener el template base para un proyecto con React Router v7, puedes ejecutarlo directamente sin necesidad de clonar el repositorio:
npx react-router-cliEsto generará automáticamente la estructura del proyecto con las configuraciones necesarias.
Si deseas modificar el CLI o contribuir con mejoras, puedes clonar el repositorio y trabajar desde ahí:
git clone https://github.com/codegeekery/react-router-cli-codegeekery.git
cd react-router-cli
npm installLa página home.tsx contiene una animación con partículas en canvas y un diseño visualmente atractivo con clases de TailwindCSS, ideal como punto de partida para construir tu aplicación.
¡Sugerencias, mejoras y PRs son bienvenidos!