Programa de IA que puede tomar decisiones, usar herramientas externas y ejecutar tareas de forma autónoma. Ejemplo: Claude Code lee tu código, ejecuta comandos y hace cambios sin que vos intervengas en cada paso.
Sistema que registra el comportamiento de los usuarios en tu app: cuántas visitas tuvo, desde dónde entraron, en qué botón hicieron clic, cuánto tiempo se quedaron. Herramientas comunes: Vercel Analytics, Google Analytics, Plausible.
Interfaz que permite que dos programas se comuniquen. Cuando tu app le pide datos a Supabase o a OpenAI, lo hace a través de su API. Es como el "menú" de lo que podés pedirle a un servicio.
Contraseña que te dan los servicios externos para identificarte cuando usás su API. Nunca la expongas en el código que va al navegador. Guardala siempre en variables de entorno.
El proceso de verificar que un usuario es quien dice ser. Cuando alguien inicia sesión con Google, eso es autenticación. No confundir con autorización, que define qué puede hacer una vez adentro.
Define qué puede hacer cada usuario dentro de tu app una vez que ya se identificó. Ejemplo: un usuario normal puede ver su perfil, pero solo un admin puede ver todos los usuarios.
La parte de tu app que corre en el servidor y que el usuario no ve. Maneja la base de datos, la lógica de negocio y la seguridad. Herramientas como Supabase te dan un backend listo sin escribir código.
Plataforma web de StackBlitz que genera apps completas desde un prompt. Escribís lo que querés construir, y genera el código en tiempo real directamente en el navegador. Ideal para prototipar rápido.
Versión paralela de tu código dentro de un repositorio Git. Te permite trabajar en una función nueva sin romper lo que ya funciona. Cuando terminás, hacés un "merge" para combinar los cambios.
El proceso de convertir tu código fuente en los archivos optimizados que van a producción. En Next.js es `npm run build`. Si el build falla, el deploy no se hace.
El archivo (o conjunto de archivos) final que el navegador descarga para mostrar tu app. El objetivo es que sea lo más pequeño posible para que cargue rápido.
Red de servidores distribuidos alrededor del mundo que guardan copias de tu app cerca del usuario. Si estás en Mendoza y el servidor está en Virginia, el CDN te sirve el contenido desde el nodo más cercano.
Continuous Integration / Continuous Deployment. Sistema que corre tests y deploya automáticamente cada vez que pusheás código. Con Vercel + GitHub, cada push a main = deploy automático en segundos.
Herramienta de Anthropic que corre en la terminal. Usa Claude para leer tu código, hacer cambios, correr comandos y debuggear directamente en tu proyecto.
Punto de guardado en Git. Cada vez que guardás cambios en tu repositorio, creás un commit con un mensaje que describe qué cambiaste. Podés volver a cualquier commit si algo sale mal.
Bloque reutilizable de interfaz en React. Un botón, una tarjeta, un formulario: cada uno es un componente. Se combinan como piezas de Lego para construir la interfaz completa.
La "memoria de trabajo" de la IA durante una conversación. Todo lo que entrás —mensajes, código, archivos— ocupa espacio de contexto. Cuando se llena, la IA empieza a olvidar lo que estaba al principio.
Cross-Origin Resource Sharing. Mecanismo de seguridad del navegador que controla qué dominios pueden hacer peticiones a tu API. Si tu frontend en app.com no puede hablar con tu backend en api.com, probablemente sea un error de CORS.
Create, Read, Update, Delete. Las cuatro operaciones básicas sobre cualquier base de datos. Casi todo lo que hace una app se reduce a una de estas cuatro acciones.
Editor de código basado en VS Code con IA integrada. Te permite escribir, editar y debuggear código usando lenguaje natural directamente en el editor.
Publicar tu aplicación en internet para que otros puedan usarla. Plataformas como Vercel o Railway lo hacen automático: conectás tu repo de GitHub y cada push actualiza el sitio.
Herramientas de desarrollo integradas en el navegador (F12 en Chrome). Te muestran errores de JavaScript, peticiones de red, estilos CSS y el HTML renderizado. Esenciales para debuggear.
Herramienta que empaqueta tu app con todo lo que necesita para correr (código, dependencias, configuración) en un "contenedor". Garantiza que funcione igual en cualquier servidor.
Document Object Model. La representación en memoria de tu página HTML que el navegador crea y que JavaScript puede modificar. Cuando React "renderiza", está modificando el DOM.
Funciones serverless que corren en los servidores del CDN, cerca del usuario. Son más rápidas que las funciones tradicionales porque no necesitan viajar hasta un servidor central. Vercel las usa en su middleware.
Representación matemática de texto en forma de vector (lista de números). Permite a la IA comparar la "similitud" entre frases o documentos. Base técnica de los buscadores semánticos.
Configuración sensible (API keys, contraseñas, URLs) que se guarda fuera del código. En Next.js las definís en un archivo `.env.local`. Las que empiezan con `NEXT_PUBLIC_` son visibles en el navegador; el resto solo en el servidor.
Técnica de dar ejemplos en el prompt para que la IA entienda el formato o estilo que querés. En vez de explicar qué hacer, le mostrás 2-3 ejemplos del resultado esperado.
Proceso de entrenar un modelo de IA existente con datos propios para que se especialice en una tarea o estilo específico. Más costoso que el prompting pero puede dar mejores resultados en casos muy específicos.
Copiar el repositorio de otro usuario para modificarlo sin afectar el original. Es como duplicar un proyecto en GitHub para hacerlo tuyo. Muy común en open source.
Estructura base que te da las reglas y herramientas para construir una app de cierto tipo. Next.js es un framework para apps web. Te ahorra resolver problemas comunes (routing, rendering, etc.) desde cero.
La parte de tu app que el usuario ve e interactúa: botones, formularios, colores, tipografía. Corre en el navegador del usuario. Tecnologías comunes: React, HTML, CSS, JavaScript.
Cuando una sola persona (o herramienta) maneja tanto el frontend como el backend. Un "full-stack builder" construye toda la app. Next.js es un framework full-stack porque maneja ambas capas.
Capacidad de un modelo de IA para ejecutar funciones de código definidas por vos cuando lo necesite. Ejemplo: le pedís a Claude que busque el clima, y él llama a tu función `getWeather()` con los parámetros correctos.
Sistema de control de versiones. Registra cada cambio que hacés en tu código, quién lo hizo y cuándo. Si algo se rompe, podés volver atrás. GitHub es el servicio donde guardás el repositorio Git en la nube.
Plataforma donde se guardan repositorios de código en la nube. Es el "Google Drive del código". Conectado a Vercel, cada vez que pusheás a la rama principal se triggerea un deploy automático.
IA de GitHub (Microsoft/OpenAI) integrada en VS Code y otros editores. Sugiere líneas de código mientras escribís, autocompleta funciones y explica código seleccionado. Alternativa a Cursor.
Cuando la IA inventa información falsa pero la presenta con total confianza. Puede fabricar citas, estadísticas o código que no existe. Siempre verificá datos importantes, especialmente en temas críticos.
Función especial de React que te permite usar características del framework (estado, efectos, contexto) dentro de un componente. Los más comunes: `useState` para guardar datos locales, `useEffect` para efectos secundarios.
Protocolo seguro de comunicación web. El candado verde en la URL del navegador. Vercel y la mayoría de plataformas lo configuran automáticamente. Nunca lances una app con pagos sin HTTPS.
Proceso por el cual React "toma control" de un HTML estático ya renderizado por el servidor y lo convierte en una app interactiva. Si hay un error de hidratación, el HTML del servidor no coincide con lo que React espera.
El proceso de ejecutar un modelo de IA para generar una respuesta. Cuando le mandás un mensaje a Claude o GPT y respondé, eso es inferencia. Se cobra por cantidad de tokens procesados.
JavaScript es el lenguaje de programación del navegador. TypeScript es JavaScript con tipos: te avisa si usás una variable de forma incorrecta antes de ejecutar el código. Hoy casi todos los proyectos modernos usan TypeScript.
JavaScript Object Notation. Formato estándar para intercambiar datos entre servicios. Parece un diccionario: `{"nombre": "Juan", "edad": 30}`. Las APIs casi siempre devuelven JSON.
Token firmado que viaja entre el cliente y el servidor para probar que el usuario está autenticado. Supabase los genera automáticamente cuando alguien inicia sesión. No expongas su secreto de firma.
El tiempo que tarda una respuesta en llegar desde que se hace la petición. En IA, la latencia del primer token (cuánto tarda en aparecer el primer carácter) es clave para la experiencia de usuario.
Conjunto de código escrito por otros que podés usar en tu proyecto. Una librería resuelve un problema específico (manejo de fechas, animaciones, formularios). Diferente de un framework: una librería la usás vos, un framework te usa a vos.
Large Language Model (Modelo de Lenguaje Grande). Los motores detrás de ChatGPT, Claude, Gemini. Son redes neuronales entrenadas con enormes cantidades de texto para predecir y generar lenguaje.
Plataforma que genera apps web completas a partir de prompts en lenguaje natural. Incluye frontend, backend y base de datos. Similar a Bolt.new pero con más foco en apps SaaS con auth y pagos.
Combinar los cambios de una rama (branch) en otra. Cuando terminás de trabajar en una feature en su propia rama, la "mergeás" a la rama principal.
Plataforma de pagos de Mercado Libre, muy usada en Argentina y Latinoamérica. Permite aceptar pagos con tarjeta, transferencia y billetera digital. Alternativa local a Stripe.
Información sobre tu página que no ven los usuarios pero sí los buscadores y las redes sociales: título, descripción, imagen para compartir. En Next.js se configura exportando un objeto `metadata` desde cada page.
Código que se ejecuta entre que el usuario hace una petición y la app responde. Se usa para verificar si el usuario está logueado, aplicar rate limiting, o transformar datos antes de que lleguen a la página.
Script SQL que modifica la estructura de tu base de datos de forma controlada y versionada. En vez de hacer cambios manuales, las migraciones se guardan en Git y se pueden reproducir en cualquier entorno.
La versión específica de IA que usás. Ejemplo: Claude Sonnet 4.6, GPT-4o, Gemini 2.0 Flash. Cada modelo tiene distintas capacidades, velocidades y costos por token.
Modelo de IA que entiende y genera más de un tipo de contenido: texto, imágenes, audio, video. GPT-4o y Claude 3 son multimodales: podés mandarles una foto y preguntarles sobre ella.
La versión más simple de tu producto que sirve para validar si la idea funciona. No es el producto perfecto: es el mínimo necesario para aprender. El objetivo es lanzar rápido y ajustar en base al feedback real.
Ingresos mensuales recurrentes. La métrica principal de un SaaS. Si tenés 50 usuarios pagando $10/mes, tu MRR es $500. Invertir en retención impacta directamente en el MRR.
Plataforma open source de automatización de flujos (similar a Zapier pero que podés hospedar vos mismo). Conecta apps, APis y servicios con lógica visual. Muy usado para automatizar procesos con IA.
Framework de React para construir apps web completas. Maneja routing, rendering del servidor, optimización de imágenes y mucho más. Es el estándar de la industria para apps React en producción.
Entorno que permite correr JavaScript en el servidor (fuera del navegador). Es la base de Next.js y de la mayoría del ecosistema moderno de desarrollo web. Viene con `npm` para instalar paquetes.
Gestores de paquetes para JavaScript. Con `npm install` o `pnpm install` bajás todas las librerías que necesita tu proyecto. pnpm es más rápido y eficiente en espacio en disco.
Estándar abierto para autenticación delegada. Cuando hacés "Iniciar sesión con Google", estás usando OAuth: Google verifica tu identidad y le dice a la app que podés pasar, sin que la app vea tu contraseña.
Protocolo de Facebook (hoy estándar) que define cómo se ve tu página cuando alguien la comparte en redes sociales: imagen, título y descripción. En Next.js se configura en el objeto `metadata.openGraph`.
Object-Relational Mapper. Librería que te permite interactuar con la base de datos usando código en vez de SQL puro. Prisma y Drizzle son ORMs populares en el ecosistema Node.js/TypeScript.
Módulo de código reutilizable que instalás con npm o pnpm. Cada paquete resuelve un problema específico. Tu proyecto puede tener cientos de paquetes como dependencias.
Base de datos relacional open source, una de las más robustas y populares del mundo. Supabase usa PostgreSQL internamente. Es el estándar para proyectos serios que necesitan confiabilidad y performance.
La instrucción que le dás a la IA para que haga algo. Un buen prompt es claro, da contexto sobre quién sos y qué necesitás, y especifica el formato de respuesta que querés.
La técnica de escribir prompts de forma efectiva para obtener mejores resultados de la IA. Incluye dar contexto, usar ejemplos (few-shot), definir el rol del modelo y especificar el formato de salida.
Propuesta formal de mergear cambios de una rama a otra en GitHub. Incluye descripción, revisión de código y discusión. En equipos, las PR son el mecanismo para revisar código antes de que llegue a producción.
Retrieval-Augmented Generation. Técnica donde la IA busca información relevante en una base de datos antes de responder. Permite que el modelo "conozca" tus documentos sin necesidad de reentrenarlo.
Plataforma para deployar backends, bases de datos y servicios. Alternativa a Vercel cuando necesitás correr procesos persistentes (como un servidor Express, un bot, o un worker en background).
Límite de cuántas veces alguien puede usar una función en un período de tiempo. Evita abusos y ataques. Ejemplo: máximo 5 intentos de login por minuto por IP.
Librería de JavaScript para construir interfaces de usuario con componentes. Creada por Facebook. Es la base de Next.js. La mayoría de las apps modernas de vibe coding usan React.
El proceso de convertir componentes React en HTML que el navegador muestra. Puede pasar en el servidor (SSR) o en el navegador (CSR). Next.js decide dónde renderizar según la configuración de cada página.
Carpeta de código versionada con Git. Cada cambio que guardás se llama "commit". Podés ver el historial completo y volver atrás si algo sale mal. Los repos suelen estar en GitHub.
Plataforma de desarrollo en el navegador con IA integrada. Podés escribir código, correr servidores y deployar apps sin instalar nada en tu computadora. Útil para prototipos rápidos o aprender.
Estilo de diseño de APIs que usa URLs y métodos HTTP (GET, POST, PUT, DELETE) para definir operaciones. La mayoría de las APIs que vas a consumir siguen este estándar.
Row Level Security. Sistema de permisos de Supabase (PostgreSQL) que define qué filas puede leer o modificar cada usuario. Evita que alguien acceda a datos que no le pertenecen.
Archivo de texto en la raíz de tu sitio que le dice a los crawlers de buscadores qué páginas pueden o no indexar. En Next.js se genera desde `app/robots.ts`. Las rutas privadas como /admin deberían estar bloqueadas.
Modelo de negocio donde ofrecés un software por suscripción mensual o anual. El usuario paga por usar la herramienta, no por comprarla. Ejemplos: Notion, Figma, Slack. Es el modelo más común para productos digitales.
La estructura de tu base de datos: qué tablas existen, qué columnas tienen, de qué tipo son y cómo se relacionan entre sí. Es el "plano" de tu base de datos.
Search Engine Optimization. Conjunto de prácticas para que tu sitio aparezca en los primeros resultados de Google. Incluye metadata correcta, contenido relevante, velocidad de carga y links externos que apunten a tu sitio.
Modelo de ejecución donde no gestionás servidores directamente. Tu código corre en funciones que se activan por demanda y escalan automáticamente. Vercel Functions y Supabase Edge Functions son ejemplos.
Archivo XML que lista todas las URLs de tu sitio. Le dice a Google qué páginas existen para que las indexe. En Next.js se genera automáticamente desde `app/sitemap.ts`.
Structured Query Language. El lenguaje para interactuar con bases de datos relacionales como PostgreSQL. Con SQL podés crear tablas, insertar datos y hacer consultas. Supabase te da un editor SQL visual.
El servidor genera el HTML completo de la página antes de enviarlo al navegador. Mejor para SEO y carga inicial. En Next.js, los Server Components usan SSR por defecto.
Datos que cambian en el tiempo dentro de un componente React. Cuando el estado cambia, React re-renderiza el componente. Se maneja con el hook `useState`. Ejemplo: el valor de un input, si un modal está abierto.
Técnica donde los datos llegan progresivamente en vez de todos juntos. En IA, permite que las respuestas aparezcan token a token (como escribiendo en tiempo real) en lugar de esperar que termine toda la respuesta.
Plataforma de pagos internacional. Acepta tarjetas de crédito, débito y wallets en todo el mundo. Es el estándar para cobrar en dólares desde cualquier país. Se integra en tu app via API.
Base de datos PostgreSQL con autenticación, storage y API REST incluidos. Muy usado en vibe coding porque reemplaza un backend completo con configuración mínima.
Instrucción que le dás a la IA antes de la conversación del usuario, para definir su comportamiento, tono y restricciones. En apps con IA, el system prompt define la "personalidad" del asistente.
Framework de CSS basado en clases utilitarias. En vez de escribir CSS separado, aplicás estilos directamente en el HTML: `className="flex gap-4 p-8 bg-white rounded-xl"`. Muy popular con React y Next.js.
La unidad básica que procesa la IA. Aproximadamente 4 caracteres en inglés o 3 en español. Los modelos se cobran por cantidad de tokens de entrada y salida.
En bases de datos: función que se ejecuta automáticamente cuando ocurre un evento (insertar, actualizar o borrar un registro). En Supabase se usan para crear el perfil de un usuario automáticamente cuando se registra.
Versión de JavaScript con tipos estáticos. Te avisa antes de ejecutar si estás usando una variable de forma incorrecta. Reduce errores en producción y mejora el autocompletado en el editor.
Herramienta de Vercel que genera componentes React/Tailwind a partir de prompts o imágenes. Describís una interfaz o le mostrás una captura de pantalla, y genera el código listo para usar.
Configuración que existe fuera del código fuente. Se usa para guardar API keys, URLs y contraseñas de forma segura. En Next.js van en `.env.local`. Las que empiezan con `NEXT_PUBLIC_` son visibles en el navegador.
Plataforma para publicar apps Next.js (y otros frameworks). Conectás tu repositorio de GitHub y cada push a la rama principal hace un deploy automático en segundos.
Forma de crear software describiendo lo que querés en lenguaje natural, usando IA como herramienta principal. El código lo genera y mantiene la IA; vos definís qué querés construir.
URL de tu aplicación que recibe notificaciones de servicios externos cuando ocurre algo. Ejemplo: Stripe llama a tu webhook cuando alguien paga, y tu app procesa el pago en ese momento.
Editor de código con IA integrada, alternativa a Cursor. Incluye un agente que puede planificar tareas, editar múltiples archivos en secuencia y ejecutar comandos de terminal.
Vulnerabilidad de seguridad donde un atacante inyecta código JavaScript malicioso en tu app que luego corre en el navegador de otros usuarios. React previene XSS automáticamente al escapar el HTML, pero tenés que tener cuidado con `dangerouslySetInnerHTML`.
Plataformas de automatización sin código. Conectan apps entre sí mediante "disparadores" y "acciones". Ejemplo: cuando alguien completa un formulario (trigger), mandá un mail y guardá en una hoja de cálculo (acciones).
Pedirle a la IA que haga algo sin darle ejemplos previos. Funciona bien para tareas claras y directas. Para tareas más complejas o con formato específico, es mejor el few-shot (con ejemplos).