# Next.js > Cómo usa larch Next.js: el catálogo multilingüe de manga de Hiki y la app de Scout para un agente de ventas con IA, ambos en Next.js 15 con el App Router. URL: https://larch.ee/es/technologies/nextjs/ larch construye plataformas web en Next.js para fundadores y equipos de producto. El catálogo multilingüe de manga de Hiki y la app de generación de leads de Scout funcionan en Next.js 15, con React 19 y el App Router. - Productos hechos: 2 - Versión: Next.js 15 - Enrutamiento: App Router - Junto con: React 19 - Hiki se despliega en: Cloud Run ## Hecho con Next.js Dos productos, un framework. Un catálogo multilingüe y la sala de control de un agente de ventas con IA. Los dos son productos completos, diseñados, construidos y lanzados por larch. ### [Hiki](https://larch.ee/es/work/hiki/) Next.js 15 renderiza el front end del catálogo, con next-intl para el enrutamiento por idioma en todos los idiomas. Lo alimenta un back end en FastAPI, y ambos funcionan en Google Cloud Run. - Año: 2025 - Stack: Next.js, React, TypeScript, Tailwind CSS, Kotlin, Jetpack Compose, FastAPI, Python, MongoDB, Firebase, Google Cloud - Producto en línea: https://hiki.world ### [Scout](https://larch.ee/es/work/scout/) Next.js 15 con el App Router aloja toda la app: el asistente de configuración, el pipeline Kanban y el panel de analítica, con actualizaciones en directo mientras el agente trabaja. - Año: 2025 - Stack: Next.js, React, TypeScript, Tailwind CSS, SQLite, Playwright, AI agents ## Servicio relacionado ### [Desarrollo de plataformas web](https://larch.ee/es/services/web-platform-development/) Plataformas rápidas y resilientes que crecen con tu negocio, no en su contra. Qué recibes: - **Plataformas SaaS, paneles en tiempo real y apps multilingües**: El catálogo de Hiki funciona en varios idiomas; Scout tiene un panel para la salud del pipeline. - **Todo el stack, del front end a la base de datos**: En Hiki: Next.js, un back end en FastAPI y MongoDB, construidos por un solo equipo. - **Desplegadas, monitorizadas y escaladas, no solo construidas**: Hiki se despliega en Cloud Run con Cloud Build en cada push a main. ## Cómo usamos Next.js Productos reales, rutas reales. Los dos productos en Next.js son productos completos, no demos. El framework mueve datos reales, más de un idioma y un agente de IA trabajando. ### Hiki: un catálogo multilingüe El front end de Hiki es Next.js 15 con React 19 y el App Router. Es uno de los dos servicios en Google Cloud: la app en Next.js renderiza el catálogo, y un back end en FastAPI extrae los datos de las librerías, enriquece cada título y los sirve. Los scrapers se ejecutan cada día, y la detección de cambios señala novedades, bajadas de precio y cambios de stock. Los dos servicios funcionan en Cloud Run, y Cloud Build los despliega con cada push a main. El catálogo es multilingüe desde el enrutamiento. next-intl gestiona las rutas por idioma, los nombres de los géneros, las traducciones de las etiquetas y la interfaz, para que los lectores naveguen en su propio idioma, títulos incluidos. Filtran por 21 géneros, más de 100 etiquetas, rango de precios, descuento, stock y tienda de origen, y la búsqueda de texto completo funciona en todos los idiomas disponibles. La interfaz usa un sistema de diseño neobrutalista: bordes gruesos de 2px, sombras desplazadas y un aire inspirado en el manga, construido sobre componentes de shadcn/ui con un tema a juego. ### Scout: la sala de control de un agente Scout también es Next.js 15 con el App Router y React 19, pero aquí la app dirige a un agente de IA. El agente descubre empresas, enriquece contactos, puntúa cada lead del 1 al 5 según el perfil de cliente ideal y redacta mensajes de prospección personalizados. Después, los leads con mejor puntuación inician una segunda ola de descubrimiento. Next.js aloja todo lo que toca el usuario: un asistente de configuración de siete pasos que va del ICP al primer lote de leads, un pipeline Kanban de arrastrar y soltar, un panel de analítica y un registro de actividad con cada acción del agente. Mientras el agente ejecuta sus ciclos, la interfaz se actualiza en directo, así que el progreso se ve en el momento. Los datos están en SQLite en modo WAL, una base de datos basada en archivos y sin configuración. En los dos productos, Next.js es una capa de algo que diseñamos, construimos y lanzamos de principio a fin, del diseño al despliegue, sin traspasos. ## Otras tecnologías Se usan junto a ella. Hiki y Scout combinan Next.js con React y TypeScript. Mira qué más hemos construido con ellos. - [React](https://larch.ee/es/technologies/react/): Las interfaces de Hiki y Scout, y de la app de escritorio Bridddge. - [TypeScript](https://larch.ee/es/technologies/typescript/): El lenguaje de los cuatro productos, de los front ends web al servidor seo-mcp. - [Todas las tecnologías](https://larch.ee/es/technologies/): Siete tecnologías, cada una funcionando en un producto que hemos lanzado. ## Cómo empezar Cuéntanos qué quieres lanzar. Trae la idea. Te diremos cómo la construiríamos y qué hace falta. - Reservar una llamada de 30 minutos: https://calendly.com/nicholas-stackwise/30min - Correo electrónico: hello@larch.ee