Fase 1 Fundamentos web modernos ~3 semanas

JavaScript ES6+

Arrow functions, destructuring, async/await, módulos, fetch API

HTML & CSS

Formularios avanzados, Flexbox, Grid, variables CSS

TypeScript básico

Tipos, interfaces, generics — esencial para datos maestros ERP

Foco ERP: Practica con estructuras de datos tipo Socio de Negocios: objetos anidados, arrays de líneas, validaciones de campos requeridos.

Fase 2 React — base de Next.js ~3 semanas

Componentes & props

Componentes reutilizables: campos, tablas, cabeceras de documento

Hooks: useState, useEffect

Estado de formularios, carga de datos, efectos secundarios

Formularios controlados

Controlled inputs, validación, submit — corazón del ERP

Context & estado global

Compartir datos entre formularios, sesión de usuario, carrito

Foco ERP: Crea un componente de grilla de líneas (ej. líneas de factura) donde puedas agregar, editar y eliminar filas dinámicamente.

Fase 3 Next.js — núcleo del proyecto ~4 semanas

App Router & rutas

Rutas dinámicas para /ventas/facturas/[id], layouts anidados

Server vs Client components

Qué renderiza el servidor y qué el cliente en formularios ERP

API Routes & Server Actions

Endpoints para leer/escribir Socios, Artículos, Documentos

SSR, SSG, ISR

Estrategias de renderizado para datos maestros y transacciones

Middleware & autenticación

Roles: vendedor, almacenista, contador — proteger rutas

Foco ERP: Conecta Next.js con SAP Business One Service Layer (REST API) usando API Routes. Crea un CRUD completo para Socios de Negocios.

Fase 4 Librerías clave para ERP ~3 semanas

UI: shadcn/ui o Ant Design

Tablas, selects, datepickers, modales — componentes ERP listos

React Hook Form + Zod

Validación de campos: RUC, cantidades, fechas, totales

TanStack Query

Cache, paginación, sincronización con el servidor SAP

TanStack Table

Grillas de líneas, listados de facturas, movimientos de almacén

Foco ERP: Construye el formulario de Entrada de Mercancías: cabecera + grilla de líneas con artículos, lotes, almacén destino, cantidades y costos.

Fase 5 Proyecto ERP real ~4 semanas

Arquitectura de carpetas

/ventas, /compras, /inventario, /contabilidad — módulos ERP

Integración SAP B1

Service Layer REST, sessions, POST/PATCH de documentos

Node.js (mínimo necesario)

Next.js ya incluye Node — enfócate en módulos, fs, env vars

Deploy & producción

Vercel, Docker, variables de entorno, HTTPS, seguridad

Proyecto final: Módulo de ventas completo: Socio de Negocios → Artículo → Factura de Ventas → Asiento Contable automático, con roles de usuario.

Hoja de ruta: Next.js para desarrollo ERP