Proyecto de código abierto
NextRanger
Una base de ingeniería estricta para Next.js donde las decisiones de arquitectura se imponen mediante herramientas en lugar de documentarse y olvidarse.
Resumen
NextRanger es el punto de partida que uso para trabajo frontend serio. Su premisa es que las convenciones que un equipo acuerda pero no puede hacer cumplir acaban erosionándose, así que cada regla importante se expresa como una regla de lint, un tipo, o una prueba que falla, en lugar de un párrafo en un README.
Arquitectura
Next.js App Router con Server Components por defecto, TypeScript estricto, y una organización module-first con dependencias unidireccionales: las rutas dependen de los módulos, los módulos del código compartido, lo compartido de los wrappers de proveedores, nunca al revés. Cada paquete de terceros tiene exactamente un wrapper propietario, de modo que las actualizaciones y el manejo de errores viven en un único archivo revisado.
Ingeniería
Un plugin de ESLint personalizado impone la política de capas, la propiedad de los paquetes, componentes limitados a TSX y la cobertura de traducción. Vitest y Playwright cubren pruebas unitarias, de integración, de extremo a extremo, de accesibilidad y visuales, junto con internacionalización con soporte RTL, una CSP basada en nonce, y puertas de CI que ejecutan todo el conjunto antes de cualquier fusión.
- Rol
- Autor. Diseño del modelo de arquitectura, el conjunto de reglas ESLint personalizadas y las puertas de calidad.
- Categoría
- Full-stack
- Stack
- Next.jsReactTypeScriptESLintVitestPlaywrightTailwind CSS
- Lenguaje
- TypeScript