🛠️ Stack tecnológico

NK Next Starter utiliza un stack orientado al desarrollo de sitios web modernos, multidioma y animados.

⚛️ Framework y frontend

• Next.js 16: framework principal con App Router.
• React 19: construcción de interfaces mediante componentes.
• TypeScript: tipado estático.
• React Compiler: optimización de componentes.
• Turbopack: desarrollo y compilación.

🎨 Estilos

• Tailwind CSS 4: estilos, tokens y responsive.
• PostCSS: procesamiento de estilos.
• classnames: composición condicional de clases.

🌐 Internacionalización

• next-intl: traducciones, rutas localizadas y navegación por idioma.

🧠 Estado global

• Zustand: manejo del estado global.

🎬 Animaciones

• GSAP: animaciones y timelines.
• ScrollTrigger: animaciones vinculadas al scroll.
• SplitText: animaciones de texto.
• Lenis: smooth scroll.
• next-transition-router: transiciones entre páginas.

📊 Analítica

• @next/third-parties: integración con Google Analytics y Google Tag Manager.

🖼️ Imágenes y assets

• Sharp: procesamiento y optimización de imágenes.
• SVGR: importación de archivos SVG como componentes de React.

🧹 Calidad de código

• ESLint: validación del código.
• eslint-config-next: reglas de Next.js.
• eslint-plugin-react-compiler: validación de React Compiler.
• Prettier: formato automático.
• prettier-plugin-tailwindcss: organización de clases de Tailwind.
• prettier-plugin-organize-imports: organización de imports.

🔀 Control de versiones

• Git: control de versiones.
• Husky: ejecución de Git hooks.
• lint-staged: validación de archivos preparados para commit.

💻 Entorno de desarrollo

• Node.js: entorno de ejecución.
• Yarn: gestión de dependencias y scripts.
• Cursor: desarrollo asistido mediante Rules y Skills.