---
layout: default
---

<h1 class="!text-2xl">Arquitectura de Paquetes</h1>

<div class="mt-2">

<div class="grid grid-cols-2 gap-4">

<div>

<v-click>

<h3 class="!text-base !mb-1">Paquetes base</h3>

<div class="space-y-1.5">

<div class="border-l-4 border-blue-500 pl-2 bg-blue-50 dark:bg-blue-900/20 py-1 px-2">
  <p class="font-bold text-xs">@langchain/core</p>
  <p class="text-[10px] opacity-80 !leading-tight">Primitivas fundamentales: mensajes, prompts, interfaces base. Es el cimiento que usan todos los demás paquetes.</p>
</div>

<div class="border-l-4 border-purple-500 pl-2 bg-purple-50 dark:bg-purple-900/20 py-1 px-2">
  <p class="font-bold text-xs">langchain</p>
  <p class="text-[10px] opacity-80 !leading-tight">Metapaquete principal. Re-exporta lo útil de core y añade herramientas de alto nivel para construir agentes.</p>
</div>

<div class="border-l-4 border-gray-400 pl-2 bg-gray-50 dark:bg-gray-900/20 py-1 px-2">
  <p class="font-bold text-xs">@langchain/classic</p>
  <p class="text-[10px] opacity-80 !leading-tight">Funcionalidad legacy de v0.x: MemoryVectorStore, document loaders, chains antiguas. Para migración gradual.</p>
</div>

</div>

</v-click>

</div>

<div>

<v-click>

<h3 class="!text-base !mb-1">Paquetes por proveedor</h3>

<div class="grid grid-cols-2 gap-1.5">

<div class="border rounded py-1 px-2 text-center">
  <p class="font-bold text-[10px]">@langchain/openai</p>
  <p class="text-[10px] opacity-70">GPT-4.1, GPT-5, Azure</p>
</div>

<div class="border rounded py-1 px-2 text-center">
  <p class="font-bold text-[10px]">@langchain/anthropic</p>
  <p class="text-[10px] opacity-70">Claude 4, 4.5, 4.6</p>
</div>

<div class="border rounded py-1 px-2 text-center">
  <p class="font-bold text-[10px]">@langchain/google</p>
  <p class="text-[10px] opacity-70">Gemini 2.5</p>
</div>

<div class="border rounded py-1 px-2 text-center">
  <p class="font-bold text-[10px]">@langchain/mistralai</p>
  <p class="text-[10px] opacity-70">Mistral, Mixtral</p>
</div>

<div class="border rounded py-1 px-2 text-center">
  <p class="font-bold text-[10px]">@langchain/ollama</p>
  <p class="text-[10px] opacity-70">Modelos locales</p>
</div>

<div class="border rounded py-1 px-2 text-center">
  <p class="font-bold text-[10px]">@langchain/...</p>
  <p class="text-[10px] opacity-70">+30 proveedores</p>
</div>

</div>

</v-click>

</div>

</div>

<v-click>

<div class="mt-3 text-center text-xs opacity-80 border-t pt-2">
  Instala solo los proveedores que necesites: <code>npm i langchain @langchain/openai</code>
</div>

</v-click>

</div>